Hola, quiero crear un listado vertical con una linea punteada que las separe y que el texto entre estas lineas quede en el medio,
no puedo lograrlo, el texto me queda siempre "top" y no en "middle" (siempre pegado a la linea de arriba)
les paso el codigo:
<div id="prueba">
<ul>
<li>menu1</li>
<li>menu2</li>
<li>menu3</li>
<li>menu4</li>
</ul>
#prueba ul{
width:170px;
height:180px;
text-align:center;
}
#prueba li{
text-decoration:none;
font-family:verdana;
font-size:11px;
height:45px;
border-bottom-style:dotted;
border-bottom-color:#CCCCCC;
border-bottom-width:1px;
vertical-align:middle;
}
Cualquier ayuda será bienvenida
gracias