HTML tip: it is possible to have colored bullets in a list without using an image. Unfortunately, you have to use the <p> tag within each <li> item, which seems a little kludgy, but it could be worse.
The CSS:
ul { color: red; }
ul p { color: black; margin: 0; } The HTML:
<ul>
<li> <p> List Item 1 </p> </li>
<li> <p> List Item 1 </p> </li>
</ul> How it looks:
List Item 1
List Item 2
Of course, use whatever margins, etc. you prefer.
READ ME: Disclaimer