Cara membuat area rata tengah secara vertikal

26/04/2015    Rido Sandi Atmanto    2955     Website

Halo teman-teman DumetSchool dimanapun kalian berada!

Saat murid mengerjakan project sebagai bagian dari ujian tanda kemampuan membuat tampilan HTML CSS sudah baik, ada banyak kasus yang ditemui. Salah satu kasus yang ditemui di DumetSchool Kelapa Gading adalah ada murid yang ingin membuat tulisan berada rata tengah secara vertical(middle).

Jika kita ingin membuat rata tengah maka cukup menggunakan width dan margin auto saat memberikan style di bagian yang ingin dirata tengahkan. Hanya saja hal tersebut hanya berlaku untuk rata tengah secara horizontal. Jika kita ingin membuat perataan div(misalnya) secara vertical maka kita harus menggunakan beberapa property CSS agar menghasilkan hasil yang sama.

Berikut saya contohkan untuk preview hasil rata tengah secara vertical. Saya sengaja memberikan background pada tulisan yang dirata tengahkan agar teman-teman bias mengetahui area mana yang dimaksud.

Semoga bermanfaat ya teman-teman! Semangat  cool !

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