The menu above was created 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.     #da-body {
  6.         background-color:#A6734A;
  7.         width:440px;
  8.     }
  9.     #da-menu {
  10. list-style-type:none;
  11. width:220px;
  12.     }
  13.     div#da-body ul#da-menu li a {
  14. font-size:180%;
  15. line-height:220%;
  16. color:#FAEAF3;
  17.         text-decoration:none;
  18.     }
  19.     div#da-body ul#da-menu li a:hover {
  20. background-color:#BFB6AF;
  21.     }
  22. </style> 
  23.     </head> 
  24.     <body> 
  25. <div id="da-body"> 
  26.     <ul id="da-menu"> 
  27. <li><a href="#">Home</a></li> 
  28. <li><a href="#">Gnome</a></li> 
  29. <li><a href="#">Rome</a></li> 
  30.     </ul> 
  31. </div> 
  32.     </body> 
  33. </html>