CSS - overflow-wrap

Example

p { width: 13em; background: gold; }

p { width: 13em; background: gold; overflow-wrap: break-word; }

Syntax  

/* Keyword values */
overflow-wrap: normal;
overflow-wrap: break-word;

/* Global values */
overflow-wrap: inherit;
overflow-wrap: initial;
overflow-wrap: unset;

Values

normal

Indicates that lines may only break at normal word break points.

break-word

Indicates that normally unbreakable words may be broken at arbitrary points if there are no otherwise acceptable break points in the line.

Formal syntax

normal <a title="Single bar" href="css/value_definition_syntax#single_bar">|</a> break-word

Description  

The overflow-wrap property is used to specify whether or not the browser may break lines within words in order to prevent overflow when an otherwise unbreakable string is too long to fit in its containing box.

Browser Compatibility  

• word-wrap:break-word can be used to work around lack of pre{white-space:pre-wrap} support in IE 5.5-7. See white-space for an example.
• IE8 introduced -ms-word-wrap as a synonym for word-wrap. Don't use the -ms- prefix.

See Also  

• Microsoft's original documentation: MSDN Microsoft library word-wrap
• word-break

Specifications  

License