CSS Hyphens, Words, Syllables, and Languages

July 30, 2025

Text-based graphic with the word "Hyphen" in large serif font at the center, surrounded by phrases split across lines using hyphens, including "What are you trying to communi-cate to me about Worcestershire" and "He choked trying to swal-low some-thing whole," along with translations in various languages.

There’s a newish CSS feature called hyphens that specifies how you want words to be hyphenated when the text wraps.But if you use it (and really you should), you’re going to need to make sure you’re also correctly identifying the language. And to understand why that matters, we need to talk about words and syllables.

Source: CSS Hyphens, Words, Syllables, and Languages – Frank M Taylor

HTNML and CSS give us to the ability to work with hypenisation–but to use the properly, we need to understand quite a bit about language, as Frank M Taylor explains here.