The menu above was made using the code:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.     <head>
  4.         <style type="text/css">
  5.             #page {
  6.                 background-color:#A6734A;
  7.                 width:440px;
  8.             }
  9.             #menu {
  10.                 list-style-type:none;
  11.                 width:220px;
  12.                 padding:0;
  13.                 margin:0;
  14.             }
  15.             div#page ul#menu li {
  16.                 padding:0;
  17.                 margin:0;
  18.             }
  19.             div#page ul#menu li a {
  20.                 display:inherit;
  21.                 width:100%;
  22.                 font-size:180%;
  23.                 line-height:220%;
  24.                 color:#FAEAF3;
  25.                 text-decoration:none;
  26.                 text-indent:0.5em;
  27.             }
  28.             div#page ul#menu li a:hover {
  29.                 background-color:#BFB6AF;
  30.             }
  31.         </style>
  32.     </head>
  33.     <body>
  34.         <div id="page">
  35.             <ul id="menu">
  36.                 <li><a href="#">Home</a></li>
  37.                 <li><a href="#">Gnome</a></li>
  38.                 <li><a href="#">Rome</a></li>
  39.             </ul>
  40.         </div>
  41.     </body>
  42. </html>
  43.