white-space Property Examples
Examples of How to Use the CSS Property white-space
Return to the white-space information.
Preformatted Text
Sed do eiusmod tempor incididunt duis aute irure dolor ullamco laboris nisi. Velit esse cillum dolore qui officia deserunt excepteur sint occaecat. Eu fugiat nulla pariatur.
<p style="white-space:pre;">Sed do eiusmod tempor incididunt duis aute
irure dolor ullamco laboris nisi.
Velit esse cillum dolore qui
officia deserunt excepteur
sint occaecat.
Eu fugiat nulla pariatur.</p>
Return to the white-space information.
Nowrap Text
Ut labore et dolore magna aliqua. Consectetur adipisicing elit, cupidatat non proident, quis nostrud exercitation. Excepteur sint occaecat mollit anim id est laborum.
<p style="white-space:nowrap;">Ut labore et dolore magna aliqua. Consectetur adipisicing elit, cupidatat non proident, quis nostrud exercitation. Excepteur sint occaecat mollit anim id est laborum.</p>
Return to the white-space information.
Allow Wrapping, but Don't Ignore Whitespace
Sed do eiusmod tempor incididunt lorem ipsum dolor sit amet, in reprehenderit in voluptate. Ut enim ad minim veniam, cupidatat non proident, ut labore et dolore magna aliqua. Eu fugiat nulla pariatur. Velit esse cillum dolore qui officia deserunt sed do eiusmod tempor incididunt.
<p style="white-space:pre-wrap;">Sed do eiusmod tempor incididunt lorem ipsum dolor sit amet,
in reprehenderit in voluptate. Ut enim ad minim veniam, cupidatat non proident,
ut labore et dolore magna aliqua.
Eu fugiat nulla pariatur. Velit esse cillum dolore qui officia deserunt sed do eiusmod tempor incididunt.</p>
Return to the white-space information.
Collapse Whitespace, But Don't Wrap
Ut aliquip ex ea commodo consequat. Consectetur adipisicing elit, in reprehenderit in voluptate ut labore et dolore magna aliqua. Sunt in culpa mollit anim id est laborum.
<p style="white-space:pre-line;">Ut aliquip ex ea commodo consequat. Consectetur adipisicing elit, in reprehenderit in voluptate ut labore et dolore magna aliqua. Sunt in culpa mollit anim id est laborum.</p>
Return to the white-space information.
Jennifer Kyrnin