TIPS - CSS: Professional Techniques for Modern Layout - page 95

97
Figure 3-19: Vertically centered background markers.
If you want to drop in variant markers for certain types of list items (see Figure 3-20), that's as
simple as classing the list items and bringing in new images.
ul.stars { list-style : none ;}
ul.stars li { background : 0 0.1em no-repeat ;
padding-left : 16px ;}
ul.stars li.m { background-image : url(star-m.gif) ;}
ul.stars li.k { background-image : url(star-k.gif) ;}
< ul class="stars">
< li class="g">The Sun< / li>
< li class="m">V645 Centauri ( Proxima Centuari)< / li>
< li class="g">Alpha Centauri A< / li>
< li class="k">Alpha Centauri B< / li>
...
</ ul>