yo tengo este menu dentro de un div otro div (#contenedor) que ocupa el 100%. El problema es que tengo que alinearlo a la derecha, y no me sirve darle un tamaño puesto que este menú puede incrementarse o decrecer de forma dinámica. Una opción era float:right, pero me invierte el orden de los enlaces.
Código:
<div id="menuhorizontal">
<ul>
<li> <a href="#">Uno</a> </li>
<li> <a href="#">Dos</a> </li>
<li> <a href="#">Tres</a> </li>
<li> <a href="#">Cuatro</a> </li>
</ul>
</div>
El CSS es el siguiente
Código:
#menuhorizontal{
background-color: #333;
border:1px solid #333;
height: 34px;
}
#menuhorizontal ul {
text-align: center;
list-style-type: none;
}
#menuhorizontal ul li {
float: left;
width: 25%;
}
#menuhorizontal ul li a {
padding:1px;
display:block;
text-decoration:none;
}
#menuhorizontal a{
background-color:#fff;
line-height:34px;
}
#menuhorizontal a:hover{
background-color:#dadada;
color:#333;
}