Menus html y css

Esto es lo que va en Html

<ul id=”button”> <li><a href=”#”>Home</a></li> <li><a href=”#”>About</a></li> <li><a href=”#”>Services</a></li> <li><a href=”#”>Clients</a></li> <li><a href=”#”>Products</a></li> <li><a href=”#”>F.A.Q</a></li> <li><a href=”#”>Help</a></li> <li><a href=”#”>Contact Us</a></li> </ul>

Y esto en la Hoja de estilo css

mandamos llamar nuetro ul con el id

#button {
padding: 0;
}

#button li {
display: inline;
}

Esto es para la fuente y  colores

#button li a {
font-family: Arial;
font-size:11px;
text-decoration: none;
float:left;
padding: 10px;
background-color: #2175bc;
color: #fff;
}