Why do English words fail to auto-hyphenate with lang="en" language but work fine with other languages like German?
.text {
width: 60px;
height: 60px;
border: 1px solid black;
hyphens: auto;
}<div class="text" lang="en">
Unbreakable
</div>
<div class="text" lang="de">
Unbreakable
</div>I get this result in both Chrome and Firefox:
Update: changing the word to lowercase makes it hyphenate properly in English. Huh???
6
Different systems will have different algorithms for hyphenation, and there are no hard and fast rules for how to hyphenate in English, only various house styles created for example by publishers/printers in the days of hand typesetting.
The question asks why there is a difference when the word starts with uppercase or lowercase.
In as much as there can be an answer, in English a word beginning with an uppercase letter is known as a proper noun and is not generally hyphenated. Other nouns have the first letter in lowercase and are deemed hyphenatable.
This is a main difference with the German language where nouns tend to have the first character capitalised and are deemed hyphenatable.
2