Centrando texto verticalmente II

1/Ago/2014 5

Recuerdas las tablas? Sabes que aún son útiles? No como etiqueta HTML, sino la propiedad CSS display: table. Aquí presento una técnica sencilla y rápida que permite centrar verticalmente cualquier bloque de texto dado cierto elemento HTML con alto fijo.

Dado el siguiente HTML:

<div class="vertical-centered-text">
  <h2>Este texto será centrado verticalmente gracias a display: table; y display: table-cell;</h2>
</div>

El CSS que permite el centrado es el siguiente:

.vertical-centered-text {
  height: 200px;
  display: table;
}
  .vertical-centered-text > * {
    display: table-cell;
    vertical-align: middle;
  }

Comentarios

  1. online cialis [#]

    cialis cialis generic

  2. Pttugr [#]

    canadian pharmacy tadalafil – tadalafil coupon tadalafil online reviews

  3. Ytttzz [#]

    cheap tadalafil – tadalafil online reviews tadalafil 20

  4. Megalis [#]

    tadalafil 5mg prescription buy tadalafil canada

  5. dapoxetine [#]

    priligy 90 mg buy avanafil

Deja tu Comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

CSSLab