פרוותי במרכז

שיטת מרכוז שמציבה את התוכן במרכז באמצעות מרווח פנימי שווה מסביב לכל הצדדים.

במאמר המלא מפורט מידע נוסף על השיטה הזו ועל מידת היעילות שלה.

המאמר המלא · סרטון ב-YouTube · מקור ב-GitHub

HTML

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

CSS


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