New course! Every coder should learn Generative AI!
Try a free lesson+ 1
pre : Whitespace is preserved by the browser. Text will only wrap on line breaks.
Acts like the <pre> tag in HTML
pre-line : Sequences of whitespace will collapse into a single whitespace. Text will
wrap when necessary, and on line breaks
pre-wrap : Whitespace is preserved by the browser. Text will wrap when necessary, and
on line breaks
--------------------------------------------------------------------
| | New lines | Spaces and tabs |Text wrapping |
|--------------------------------------------------------------------
|normal | Collapse | Collapse | Wrap |
|pre | Preserve | Preserve | No wrap |
|nowrap | Collapse | Collapse | No wrap |
|pre-wrap | Preserve | Preserve | Wrap |
|pre-line | Preserve | Collapse | Wrap |
|--------------------------------------------------------------------
Check also the following for examples :
https://www.impressivewebs.com/css-white-space/