[Ovillo] alineación vertical de una lista
Amanda Espuela
lakolg en gmail.com
Lun Oct 30 12:53:23 UTC 2006
Hola buena necesito que me ayudeis en un problemilla con un a lista.
Este es el código del html
<div id="menuh">
<ul>
<li><a href="#"id="primero">item 1</a></li>
<li><a href="#">item2<BR />i tem2</a></li>
<li><a href="#">item3 <BR />item3</a></li>
<li><a href="#">item4</a></li>
<li><a href="#">item5<BR /> item5</a></li>
</ul>
</div>
CSS
#menuh {
margin-top: 20px;
font-family: "Georgia", Arial, Helvetica, sans-serif;
font-size: 75%;
font-weight: bold;
}
#menu ul, li {
list-style-type: none;
display:inline;
}
#menuh ul {
margin: 0;
padding: 0;
}
#menuh li {
float: left;
vertical-align:middle;
}
#menuh a {
text-decoration: none;
color: #3366CC;
background: #F0F7FC;
display: block;
text-align: center;
border: 1px solid #ACCFE8;
border-width: 1px 1px 1px 0;
width:146px;
height:47px;
}
#menuh a#primero {
border-left: 1px solid #ACCFE8;
}
#menuh a:hover {
background: #DBEBF6;
}
Necesito que los apartados del menú que se estructuran en uan sola línea se
alineen verticalmente respecto a los otros en la mitad en vez de en la parte
superior.
Gracias
Más información sobre la lista de distribución Ovillo