How to automatically add » (») to elements using CSS?

Question

I want to automatically add the HTML character » (») to the left of each li element.

What would be the best practise?

I w

Answer 1

I found the above answer didn't work for me, but the following does:

li:before{
   content: "\00BB";
}

This uses the hexadecimal code for &raquo instead.

A nice hexadecimal converter can be found here.

Hope this helps someone :)

Answer 2

If you don't want the arrows to appear as content then why not go for a css background?

li { background: url("raquo.gif") no-repeat left center; }