ふわふわセンター

両側に均等なパディングを使用してコンテンツを中央に配置するセンタリング手法。

この手法の詳細と効率的なケースについては、この記事の全文をご覧ください。

記事全文 · YouTube の動画 · GitHub 上のソース

HTML

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

CSS


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