Typography

Word Break

Utilities for controlling word breaks in an element.

Basic usage

Normal

Use break-normal to only add line breaks at normal word break points.

The longest word in any of the major English language dictionaries is pneumonoultramicroscopicsilicovolcanoconiosis, a word that refers to a lung disease contracted from the inhalation of very fine silica particles, specifically from a volcano; medically, it is the same as silicosis.

<p className="**break-normal** ...">...</p>

Break Words

Use break-words to add line breaks mid-word if needed.

The longest word in any of the major English language dictionaries is pneumonoultramicroscopicsilicovolcanoconiosis, a word that refers to a lung disease contracted from the inhalation of very fine silica particles, specifically from a volcano; medically, it is the same as silicosis.

<p className="**break-words** ...">...</p>

Break All

Use break-all to add line breaks whenever necessary, without trying to preserve whole words.

The longest word in any of the major English language dictionaries is pneumonoultramicroscopicsilicovolcanoconiosis, a word that refers to a lung disease contracted from the inhalation of very fine silica particles, specifically from a volcano; medically, it is the same as silicosis.

<p className="**break-all** ...">...</p>