If I were doing this for my own website, I'd use the unordered list element and style it accordingly:
The HTML:
<div id="navbar">
**<ul>
****<li><a href="link1.html">Button 1</a></li>
****<li><a href="link2.html ">Button 2</a></li>
****<li><a href="link3.html ">Button 3</a></li>
**</ul>
</div>
The CSS:
div#navbar {
height: 30px;
width: 100%;
border-top: solid #000 1px;
border-bottom: solid #000 1px;
background-color: #336699;
}
div#navbar ul {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #FFF;
line-height: 30px;
white-space: nowrap;
}
div#navbar li {
list-style-type: none;
display: inline;
}
div#navbar li a {
text-decoration: none;
padding: 7px 10px;
color: #FFF;
}
div#navbar li a:link {
color: #FFF:
}
div#navbar li a:visited {
color: #CCC;
}
div#navbar li a:hover {
font-weight: bold;
color: #FFF;
background-color: #3366FF;
}
--
Of course, this is just an example of a horizontal menu. CSS properties may vary depending on how you want it to look...