Alineacion vertical

[AitorLopez]

HOla amigos. Como puedo conseguir lo siguiente.

Tengo esto:

<div class="primerplano" id="apDiv3">Numero Ip</div>

El div mide, por ejemplo, 80 px de alto, por lo que el texto se me queda muy arriba de la longitud vertical del cuadro. Lo que quiero es centrarlo verticalmente. Es decir, se puede centrar el texto horizontalmente con: text-align: center;

Pero verticalmente no se como.

He probado con

vertical-align: middle;

Pero no funciona.

Un saludo.

[all-ill]

http://www.forosdelweb.com/f53/centr...zontal-437425/
http://www.google.com/search?hl=es&q...o+vertical+css
line-height...

[AitorLopez]

Hola All-ill. Aunque no he entendido del todo el comportamiento, me ha servido line-height.

Gracias por tu ayuda. Un saludo.

[all-ill]

line-height viene a ser como el interlineado de texto, es decir la separación entre cada línea de texto o la altura de una línea (dejando X espacio encima y debajo de cada línea de texto).
http://www.librosweb.es/referencia/css/line-height.html

Por eso si tu texto tuviera varias líneas podrías encontrar problemas de maquetación ya que el tamaño total podría superar el deseado.

[jomaruro]

Hola:

Échale un vistazo a la página de Mikmoro: www.araudi.net, encontraras varios ejemplos de centrado vertical.

Saludos.