Skip to content
Typography

white-space

Controls how spaces, wrapping, and source line breaks are handled inside an element.

626 effects in the catalog use this property.

Syntax

white-space: normal | nowrap | pre | pre-wrap | pre-line;

Watch out

Single-line ellipsis needs three declarations: `white-space: nowrap`, `overflow: hidden`, and `text-overflow: ellipsis`. Missing any one prevents truncation from working correctly.

Effects using white-space

These are working effects from the catalog. Open a tile to inspect the full source.