مرکز کرکی

یک تکنیک مرکزی که محتوا را از طریق بالشتک مساوی در اطراف همه طرف آن در مرکز قرار می دهد.

برای اطلاعات بیشتر در مورد این تکنیک و زمان کارآمد بودن آن، مقاله کامل را ببینید.

مقاله کامل · ویدیو در یوتیوب · منبع در Github

HTML

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

CSS


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