Tengo el siguiente codigo.
Estilo CSS
Código:
HTML#menuh { font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif; /*margin-top: 20px;*/ } #menuh ul, li { list-style-type: none; } #menuh ul { margin: 0; padding: 0; } #menuh li { float: left; } #menuh a { text-decoration: none; color: #3366CC; background: #F0F7FC; display: block; padding: 3px 10px; text-align: center; border: 1px solid #ACCFE8; border-width: 1px 1px 1px 0; } #menuh a#primero { border-left: 1px solid #ACCFE8; } #menuh a:hover { background: #DBEBF6; }
Código:
El tema es que me gustaría que en el resultado final, el alto del menú fuera de 50px y que el mismo ocupara un ancho de 800px distribuidos los elementos de la lista. <div id="menuh"> <ul> <li><a href="#menuh" id="primero">Inicio</a></li> <li><a href="#menuh">Comentarios</a></li> <li><a href="#menuh">Noticias</a></li> <li><a href="#menuh">Contacto</a></li> <li><a href="#menuh">Acerca de nosotros</a></li> </ul> </div>
Alguna sugerencia?!
Gracias.