Vermillion's Simple Navbar Tutorial

<style type="text/css">
 
/*Navbar*/
#navbar {list-style:none;}
 
#navbar li {display:inline;
                 float:left;}
 
#navbar li a {text-decoration:none;
                   padding:5px;
                   background-color:#336633;
                   color:#ffffff;
                   font-weight:bold;
                   font-family:Arial, Helvetica, sans-serif;}
 
#navbar li a:hover{background-color:#ffffff;
                            color:#336633;}
 
</style>
 
<ul id="navbar">
<li><a href="#">Element 1</a></li>
<li><a href="#">Element 2</a></li>
<li><a href="#">Element 3</a></li>
<li><a href="#">Element 4</a></li>
</ul>