Een navigatie kan zoveel vormen aannemen, hier een eenvoudige maar fraaie navigatie met onderlijning bij mouseover.

HTML

<ul class="menu">
	<li><a href="http://www.csssnippets.be">Home</a></li>
	<li><a href="http://www.csssnippets.be">CSS Codes</a></li>
	<li><a href="http://www.csssnippets.be">Forums</a></li>
	<li><a href="http://www.csssnippets.be">Webmaster Tools</a></li>
	<li><a href="http://www.csssnippets.be">JavaScript</a></li>
	<li><a href="http://www.csssnippets.be">Gallery</a></li>
</ul>

CSS

ul{
padding: 6px 0 7px 0;
margin: 0;
text-align: right;
}
ul li{
display: inline;
}
ul li a{
color: #494949;
padding: 6px 3px 4px 3px;
margin-right: 20px;
text-decoration: none;
border-bottom: 3px solid gray;
}
ul li a:hover, ul li a.selected{
border-bottom-color: black;
}