مركز فلافي

أسلوب توسيط يضع المحتوى في الوسط من خلال مساحة متروكة متساوية حول جميع جوانبه.

راجع المقالة الكاملة للحصول على مزيد من التفاصيل حول هذا الأسلوب ومتى يكون فعالاً.

المقالة الكاملة · الفيديو على YouTube · المصدر على جيت هب

HTML

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

CSS


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