Centro fofo

Uma técnica de centralização que coloca o conteúdo no centro usando padding igual ao redor de todos os lados.

Consulte o artigo completo para conhecer muitos outros detalhes sobre essa técnica e quando ela é eficiente.

Artigo completo · Vídeo no YouTube · Fonte no GitHub

HTML

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

CSS


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