Legends

by Joe Saad

HTML

<ul>
    <li id="excellent"><div>&nbsp;</div> Yes we offer In Territory Service</li>
    <li id="good"><div>&nbsp;</div> Yes we offer In Territory Service</li>
    <li id="fair"><div>&nbsp;</div> Yes we offer In Territory Service</li>
</ul>

CSS

li {margin:5px; font-size:12px;}
li div {float:left;width:10px; height:10px; margin:5px 7px 0; }
#excellent div {background-color:green;}
#good div {background-color:yellow;}
#fair div {background-color:red;}