CSS Hyphenation Generator

Generate CSS for text hyphenation and line breaking

Settings

Hyphens Property

Overflow-wrap

Word-break

Language (lang attribute)

Preview Text

CSS Code

.text-hyphenation {
  hyphens: auto;
}

HTML Code

<p lang="en" class="text-hyphenation">
  Supercalifragilisticexpialidocious is an extraordinarily long word that demonstrates hyphenation functionality.
</p>

Preview

Supercalifragilisticexpialidocious is an extraordinarily long word that demonstrates hyphenation functionality.

Notes:

Hyphenation requires the lang attribute
hyphens: auto depends on browser dictionary
Use  for manual hyphens
Browser support varies by language