Special HTML Character for Bullet List

This is a best way to use a special character as a bullet for lists in CSS:


li:before {
    content: "0BB 020";  /*  » for example
}

When using these characters, like », it is necessary to encode them as their escaped HEX equivalents. Unfortunately this doesn’t work in IE7 and the previous versions. So If you want it to be cross-browser use an image instead.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>