毛絨中心

一種聚焦技術,透過與各方相同的邊框間距讓內容置中。

如要進一步瞭解這項技巧及其有效性,請參閱全文

完整文章 · YouTube 影片 · GitHub 上的資料來源

HTML

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

CSS


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