Membuat Elemen ke Tengah secara Vertical dengan Display Table

11/06/2016    Maykhel David    1294     Website

Hallo teman-teman, pada kesempatan kali ini saya akan memberikan sebuah trik lagi untuk kalian. Trik ini membahas tentang bagaimana cara membuat sebuah konten menjadi ke tengah secara vertical.

Sebelumnya juga sudah saya bahas trik yang serupa pada artikel Mengatur Posisi Elemen Menjadi Ke Tengah Secara Vertical.

Kali ini akan saya bahas dengan trik yang berbeda. yaitu menggunakan display table pada pembungkusnya (parent) lalu disertakan dengan vertical-align:middle pada objek didalamnya (child)

berikut adalah contoh htmlnya,

 

dan sertakan juga css seperti berikut.

dengan begitu kita sudah membuat sebuah objek menjadi ke tengah secara vertical

 

berikut adalah demonya

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More