Centro esponjoso

Es una técnica de centrado que coloca el contenido en el centro a través de un padding igual alrededor de todos sus lados.

Consulta el artículo completo para conocer más detalles sobre esta técnica y cuándo es eficiente.

Artículo completo · Video en YouTube · Fuente en GitHub

HTML

<article>
  <h1 class="fluffy-center">Fluffy Center</h1>
</article>

CSS

        .fluffy-center {
  padding: 15vmin;
  /* any large amount of padding works */
}