cssunicodespacecss-content

How can I add white space before an element's content using CSS?

None of the following code works:

p:before { content: " "; }
p:before { content: " "; }

How do I add white space before an element's content?

Note: I need to color the border-left and the margin-left for semantic use and use the space as a colorless margin. :)

Solution

  • You can use the Unicode code point of a non-breaking space:

    p:before { content: "\00a0 "; }

    See JSfiddle demo (style improved by Jason Sperske).