Listutorial: Tutorial 4 - Horizontal lists - Step 2 - Remove the bullets

The Wayback Machine - https://web.archive.org/web/20090124173018/http://css.maxdesign.com.au:80/listutorial/horizontal02.htm

Tutorial 4 - Horizontal lists

Step 2 - Remove the bullets

To remove the HTML list bullets, set the "list-style-type" to "none".

Go to Step 3 →


		CSS CODE

		#navcontainer ul { list-style-type: none; }

		

		

		HTML CODE

		<div id="navcontainer">

		<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>

		</div>

Other Max Design articles and presentations
Associated with webstandardsgroup.org