Skip to content
Typography

The CSS white-space property

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

837 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

All CSS properties

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