Adding HTML entities using CSS content

Question

How do you use the CSS content property to add HTML entities?

Using something like this just prints   to the screen instead of the non-breaking space:

.breadcrumbs a:before {

    content: ' ';

}

Answer 1

You need to use the escaped Unicode like this:

.breadcrumbs a:before {

    content: '\0000a0';

}

For more information you can refer to:

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