Standard List Navigation
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Contact Us</a></li>
</ul><ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
Saving an extra step so you won’t forget to add title text:
<a title="Home Page" href="#" rel="nofollow">Home</a><a title="About Page" href="#" rel="nofollow">About</a>
<a title="Clients Page" href="#" rel="nofollow">Clients</a>
<a title="Contact Page" href="#" rel="nofollow">Contact Us</a>
The title attribute makes annoying tooltips pop up saying the same thing the text says, it’s ugly, and it’s really not needed. It’s for information in addition to what’s there, using the title attribute here doesn’t provide any additional information. It’s used mostly for input and form elements.
Please, how can I get this centered?
There’s plenty of sites out there with examples for Unordered Lists, but check this one out.
http://css.maxdesign.com.au/listamatic/