Logo: Fluffy Center

Eine Zentrierungsmethode, bei der der Inhalt durch gleichmäßige Abstände an allen Seiten zentriert wird.

Im vollständigen Artikel finden Sie viele weitere Details zu dieser Methode und dazu, wann sie effizient ist.

Vollständiger Artikel · Video auf YouTube · Quelle auf GitHub

HTML

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

CSS


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