Ads by Yasya El Hakim
Membuat Tag DIV Menjadi Rata Tengah

Pada dasarnya, tag DIV tidak akan berada di posisi tengah. Anda bisa membuat tag DIV menjadi rata tengah dengan bantuan CSS.

Suatu dokumen HTML tidak akan menjadi sempurna jika tidak di bumbui CSS di dalamnya. CSS sendiri dapat berfungsi untuk mempercantik/memperindah tampilan dari dokumen HTML itu sendiri.

Oke langsung saja, disini saya memiliki satu contoh tag DIV yang perataannya belum diatur:
<div class="rata-tengah">
<div class="tengah>Konten</div>
</div>
Untuk membuatnya menjadi rata tengah, anda bisa menambahkan CSS kedalam salah satu tag DIV yang memiliki class "tengah".

Contoh:
.tengah {
  width: 50%;
  margin: 0 auto;
}
Sebenarnya, anda tidak perlu mengatur "width" (lebar) menjadi 50% . Yang dapat membuat tag DIV menjadi rata tengah adalah margin: 0 auto;

Contoh diatas dapat bekerja dengan baik pada semua browser kecuali Internet Explorer 8. Tetapi tenang saja, disini saya akan memberikan contoh lain agar dapat bekerja pada semua Browser.

Jika anda ingin menargetkan Browser Internet Explorer 8, anda dapat mengatur CSS seperti contoh berikut:
.tengah {
  display: table;
  margin: 0 auto;
}
Contoh diatas dapat membuat tag DIV menjadi rata tengah secara Horizontal dan dapat bekerja tanpa mengatur width.

Kedua contoh diatas (sudah pasti) dapat membuat tag DIV menjadi rata tengah.

Terakhir, jangan lupa untuk menambahkan tag !DOCTYPE html kedalam dokumen HTML. Semoga bermanfaat.

0Komentar

Sebelumnya Selanjutnya