El texto de un menu desplegable no quiere centrarse, este se va para arriba
Este es el codigo HTML:
Código HTML:
<div id="menu"><ul class="menu">
<li>Inicio</li>
<li>Empresa</li>
<li>Servicio</li>
<li>Clientes
<ul>
<li>Construcción</li>
<li>Agro negocios</li>
<li>Logística</li>
<li>Administracion de bienes y raices</li>
<li>Puntos de venta</li>
</ul>
</li>
<li>Contacto</li>
</ul>
</div>
Y este el CSS
Código HTML:
#menu {width:700px;
height:35px;
margin-left:250px;
border:#FFFFFF 1px solid;
background-color:#FFFFFF;
}
.menu {text-align:justify}
ul.menu
{
list-style:none;
}
ul.menu li
{
position:relative;
width:140px;
height:35px;
text-align:center;
}
ul.menu ul
{
position:absolute;
left:30px;
top:-1px;
display:none;
list-style:none;
}
ul.menu li:hover > ul
{
display:block;
}
ul.menu> li > ul
{
position:absolute;
top:35px;
display:none;
list-style:none;
}
ul.menu > li
{
float:left
}
Espero me puedan ayudar.
Saludos.