Custom CSS List Bullets Using :before and content

If you’d like to specify your own list bullets using images or special characters, here’s one way to do it. In your CSS, add the following code which removes the default list style, adds a small black right-pointing triangle and a space before your list content, and colors lists items.
[cc lang=”css”]ol,ul{
list-style:none;
}

ul li:before {
content:”25B8 020″;
}

ul li {
color:#0066cc;
}[/cc]
You can also do the same for links. For example:
[cc lang=”html”]Some text[/cc]
[cc lang=”css”]a.mybullet:before {
content:”25B8 020″;
}[/cc]