Cara Menengahkan Elemen DIV (HTML & CSS)
Menengahkan elemen div (baik secara horizontal, vertikal, maupun keduanya) adalah keterampilan dasar dalam CSS. Berikut adalah tiga metode paling umum dan efektif yang bisa Anda gunakan.
1. Menengahkan DIV Secara Horizontal (Blok dengan Lebar Tetap)
Metode ini paling cocok untuk menengahkan elemen level blok (seperti div, p, atau section) yang memiliki lebar (width) yang ditentukan.
Teknik: margin: 0 auto;
Ini adalah cara klasik untuk menengahkan blok horizontal.
Contoh Ceeses
.pusat-horizontal {
width: 60%; /* Harus memiliki lebar tetap */
margin: 0 auto; /* Otomatis menyeimbangkan margin kiri dan kanan */
padding: 20px;
background-color: #e0f2fe;
}
Komentar (0)
Ingin bergabung dalam diskusi?
Login untuk berkomentarBelum ada komentar. Jadilah yang pertama!
Terima kasih telah membaca.