Ver Mensaje Individual
  #2 (permalink)  
Antiguo 20/03/2011, 21:24
Avatar de Naahuel
Naahuel
 
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 8 meses
Puntos: 192
Respuesta: Alinear texto verticalmente

Bueno un método conocido es, conociendo la altura de su conenedor, usar:
line-height:<altura-de-su-contenedor>px
Es decir la altura de cada línea de texto tendrá la misma altura que el contenedor, lo que hará que el texto se vea centrado. Esto sólo sirve para una sóla línea, no un párrafo.

Alinear un párrafu suele ser más problemático, pues requiere un poco más de trabajo para hacer funcionar en todos los navegadores. Un método común es usar vertical-align:middle a un contenedor con display:table-cell;:

Código HTML:
<style>
  .parrafo-centrado{
    display:table;
    background:yellow;
    width:200px;
    height:400px;
  }
  .parrafo-centrado p{
    display:table-cell;
    vertical-align:middle;
  }
</style>
</head>
<body>
  <div class="parrafo-centrado">
  <p>Hello World Hello World Hello World Hello World Hello World Hello WorldHello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World  </p>
  </div>
</body> 
Tenés que trabajar un poquito para ajustarlo lo mejor posible en los diferentes navegadores, de IE7 (inclusive) para abajo esta propiedad no está soportada.
Ejemplo anterior:
http://jsbin.com/oqovu5