Menus as Lists

Contact Us or call 1-877-932-8228
Menus as Lists

Menus as Lists

Let's start by marking up the first list shown above as HTML and giving the list an id of "mainMenu":

<ul id="mainMenu">
	<li><a href="home.html">Home</a></li>
	<li><a href="services.html">Services</a></li>
	<li><a href="products.html">Products</a></li>
	<li><a href="support.html">Support</a></li>
	<li><a href="blog.html">Blog</a></li>
	<li><a href="about.html">About</a></li>
	<li><a href="contact.html">Contact</a></li>

With no CSS, this menu will display as follows: Menu Display with No CSS

Let's now see how we can turn the list into a stylish navigation menu.