White space and line wrap

Utilities to manage how white space and line-wrapping are handled.

Usage

white-space--pre-wrap

With pre-wrap, line breaks and consecutive whitespaces will be preserved.

white-space--pre-line

With pre-line, sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary and on line breaks.

white-space--nowrap

With nowrap, sequences of whitespace will collapse into a single whitespace. Text will never wrap to the next line unless a break tag (<br />) is encountered.

line-wrap

Apply line-wrap to force otherwise-unbreakable words to wrap. Applies hyphens: auto, which delegates to the browser to determine whether to hyphenate (hyphenation depends on the HTML lang attribute).

truncate

Combine with a width to truncate text or just leave it as is to truncate at the width of the containing element.