Adding HTML entities using CSS content

Answer 1

Use the hex code for a non-breaking space. Something like this:

.breadcrumbs a:before {
    content: '>\00a0';
}

Answer 2

You have to use the escaped unicode :

Like

.breadcrumbs a:before {
    content: '>\00a0';
}

More info on : http://www.evotech.net/blog/2007/04/named-html-entities-in-numeric-order/

Answer 3

The following may not be applicable as I can't get it working for anchor tags. This indents the first word of a paragraph:

.entry p:first-letter { margin-left: 2em; }

Answer 4

Despite what you've been told \00a0 is not a perfect stand-in for   within CSS; If you try

content:'No\00a0Break'   /* becomes No਋reak*/

It takes the B into the hex escaped characters. The same occurs with 0-9a-fA-F The work around I've found is:

content:'No\0000a0Break' /* becomes No Break*/

Specifically using \0000a0 as  

Answer 5

There is a way to paste an nbsp - open CharMap and copy character 160. However, in this case I'd probably space it out with padding, like this:

.breadcrumbs a:before { content: '>'; padding-right: .5em; }

You might need to set the breadcrumbs display:inline-block or something, though.

Answer 6

this is very useful! tnx guys!