This following CSS white-space
property values do not preserve spaces:
normal
(default)nowrap
pre-line
This means that when the CSS white-space
property is set to any of these values, sequences of spaces will be collapsed into a single character, unless the collapsible spaces are at the beginning or end of a line (in which case they are removed). You can prevent this from happening if you use CSS white-space
property values that preserve spaces.
Consider for example the following, where spaces are collapsed:
<span>foo</span> bar
span { border: 1px solid orange; } span::after { content: ' '; }
This would result in only one space after "foo", instead of two.
Hope you found this post useful. It was published . Please show your love and support by sharing this post.