Centrando texto verticalmente II

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][1] 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;
  }

[1]: http://www.csslab.cl/2008/03/19/centrando-texto-verticalmente/ “Enlace en CSSLab a “Centrado Vertical””