Hola!
Tengo un pequeño problema / desafío (depende de como quieran verlo), el cual no he podido solucionar
Tengo un DIV, con formato de cuadro de texto, y quiero hacer que el texto que contiene el DIV quede completamente centrado, tanto horizontalmente como verticalmente...
Algo así:
+------------------+
| |
| Texto |
| Centrado |
| |
+------------------+
Este es mi código, hasta ahora
<div style=" text-align:center; border: 1px solid #999999; width: 114px; height: 58px; cursor: hand; "><a href="#" class="linkLugaresPago">Lugares de pago <br />de la empresa<br />XXXX</a></div>
.linkLugaresPago {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
color: #666666;
}
a.linkLugaresPago:link, a.linkLugaresPago:visited, a.linkLugaresPago:hover, a.linkLugaresPago:active {
text-decoration: underline;
}
Las dimensiones del DIV deben ser las que se indican, por necesidad de diseño... text-align: center me alinea el texto correctamente al centro del DIV, pero no he podido lograr que centre el texto verticalmente...
vertical-align: middle no hace el efecto que necesito, y si quiero darle un poco de padding-top, el div se ensancha, y no he podido dar con la causa :-\
Alguien puede ayudarme?