K vytvoření menu využijeme značku LI a do ní vložíme značku A.
HTML kód vypadá takto:
<div id="menu"> <ul> <li> <a href="#">První </a> </li> <li> <a href="#">Druhý </a> </li> <li> <a href="#">Třetí </a> </li> </ul> </div>
CSS pravidla bychom napsali takto:
div, ul, li /* resetování */
div#menu {width:100%;height:30px;}
div#menu ul {width:100%;height:30px;border-bottom:1px solid red;border-left:1px solid red;border-top:1px solid red}
div#menu ul li {width:100;height:30px;float:left;border-right:1px solid red}
div#menu ul li a {width:80px;height:20px;margin:5px;text-decoration:none;text-align:center}
div#menu ul li a:hover {color:red}
div#menu ul li:hover {background-color:black} /* IE neumí */
