Hola a todos! Quisiera hacerles una consulta...
Tengo el siguiente div que genera un menú:
Código:
<div id="menuppal">
<ul id="menu">
<li><a href="#">Diseño Web</a></li>
<li><a href="#">Programación Web</a></li>
<li><a href="#">Posicionamiento en<br />Buscadores</a></li>
<li><a href="#">Mantenimiento de<br />Sitios Web</a></li>
<li><a href="#">Solicitar<br />Presupuesto</a></li>
</ul>
</div>
Y este es el css:
Código:
/* MENU CABECERA */
#menuppal{
background:url(imagenes/botonmenudegra.jpg) repeat-x;
height:45px; /*altura del menu*/
}
ul#menu {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
width: 800px;
margin:0px; /*quita el margen p/ que suba el div*/
padding: 0px; /*quita los espacios del div*/
/*border-bottom: 1px solid #ddd; /* linea base */
}
ul#menu li {
float: left; /*coloca los elementos a la izq*/
width:130px; /* ancho de los botones del menu */
height:45px;
border-right:1px solid #ddd;
list-style: none; /*quita los puntitos negros de la lista*/
text-align:center;
}
ul#menu li a {
display: block;
padding: 13px 11px; /* relleno alto botones - relleno ancho botones */
color: #FFF;
text-decoration: none;
}
ul#menu li a:hover {
background: #333;
color: #f0f0f0;
}
Pero los textos que tienen el <br> me desplaza los divs hacia abajo.
¿Hay alguna forma de hacer que los textos se centren de manera horizontal y vertical en los divs del menú por más que ocupen "2 renglones" por así decirlo?
Muchas gracias. Marx.