가운데 솜털

모든 측면에 동일한 패딩을 사용하여 콘텐츠를 중앙에 배치하는 중심 기술입니다.

이 기법에 관한 자세한 내용과 언제 이 기법이 효율적인지 알아보려면 전체 문서를 참고하세요.

전체 기사 · YouTube 동영상 · GitHub에서 소스

HTML

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

CSS


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