Tutorial 1 - Background images for bullets

Step 3a - Add your own indent

If left-indentation is required, use margin-left. As the padding is now set to "0", the left margin can be given an exact measurement that will be consistent across all browsers. The example above is indented using "margin-left" set to "1em".

Go to Step 4 →

CSS CODE
ul
{
list-style-type: none;
padding: 0;
margin-left: 1em;
}


HTML CODE
<ul>
<li><a href="#">Milk</a></li>
<li><a href="#">Eggs</a></li>
<li><a href="#">Cheese</a></li>
<li><a href="#">Vegetables</a></li>
<li><a href="#">Fruit</a></li>
</ul>
Other Max Design articles and presentations
Associated with webstandardsgroup.org