Background images for bullets

• Milk
• Eggs
• Cheese
• Vegetables
• Fruit

ul.dot {
    margin-left: 0;
    padding-left: 0;
}

ul.dot li {
    font-family: sans-serif;
    font-size: small;
    list-style-type: none;
    padding-left: 16px;
    background: url(http://www.personal.psu.edu/staff/m/h/mhl100/images/dot.gif) no-repeat 0 50%;
}

<ul class="dot">
    <li>Milk</li>
    <li>Eggs</li>
    <li>Cheese</li>
    <li>Vegetables</li>
    <li>Fruit</li>
</ul>

<img src="http://www.personal.psu.edu/staff/m/h/mhl100/images/dot.gif" alt="Bullet Image" width="16" height="16" />