Possible Duplicate:
Adding HTML entities using CSS content
I have the following setup
CSS:
.header:before {
content: "«";
}
.header:after {
content: "»";
}
HTML:
<h3 class="header">Hello, this is some text which should be wrapped.</h3>
I’d simply like whatever is written in header to be wrapped in « («) and » (»). How can I make this work in the CSS? It’s currently appearing as:
« Hello, this is some text which should be wrapped. »
rather than:
« Hello, this is some text which should be wrapped. »
You can’t use HTML entities in CSS, but you can use Unicode hex escapes, such as
(from one of my own stylesheets — look up the hex codepoints for the exact characters you want yourself). Notice that unlike in some other notations, hex digits follow the backslash directly, with no intervening
u.