word-break

The word-break property designates how words at the end of a line should break.

Syntax

Example:

p.all {
  word-break: break-all;
}

Values

normal
Default value. Uses normal line break rules.

break-all
The word may be broken at any character to prevent overflow.

keep-all
Designates that word breaks shall not be used for Chinese/Japanese/Korean text. Other text behavior is normal.

break-word
Word may be broken at arbitrary points to prevent overflow.

initial
Sets the property to its default value.

inherit
Inherits this property’s value from its parent item.

Browser Compatibilty

Demos

User-submitted codepen.io examples of word-break ↴

@krish

See the Pen on CodePen.

reply?

Want to Contribute?

Submit a codepen.io link that demonstrates word-break: