Pusat Konten

Teknik pemusatan yang hanya terdiri dari beberapa baris CSS, berfungsi dengan baik untuk banyak elemen, tetapi memiliki efek samping membuat turunan cocok dengan lebar elemen terluas.

Lihat artikel lengkap untuk detail selengkapnya tentang teknik ini dan kapan teknik ini efisien.

Artikel lengkap · Video di YouTube · Sumber di GitHub

HTML

<article class="content-center">
  <h1>Content Center</h1>
</article>

CSS


        .content-center {
  display: grid;
  place-content: center;
  gap: 1ch;
}