Cara membuat area rata tengah secara vertikal

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  !