Kadang kalanya kita harus membuat element atau gambar di posisi tengan layar dan itu lumayan menyita waktu untuk membuatnya, Berikut adalah css sederhana untuk membuat element di posisi center vertical horizontal.
Untuk membuat elemen HTML tercentang secara horizontal dan vertikal, Anda dapat menggunakan gaya CSS berikut:
Kode di atas akan mengatur elemen dengan kelas "parent" sebagai elemen flex (flexbox), lalu menentukan bahwa elemen anaknya harus di tengah-tengah secara horizontal dan vertikal.
Untuk menggunakannya, tambahkan kelas "parent" ke elemen yang ingin Anda tengah-tengahkan, lalu tambahkan elemen anak ke dalam elemen tersebut:
Jika Anda ingin menggunakan gaya ini pada elemen dengan kelas atau ID yang berbeda, Anda dapat mengganti nama kelas "parent" dengan nama kelas atau ID yang sesuai.
Semoga membantu! Jika Anda memiliki pertanyaan lain, jangan ragu untuk bertanya.
Hasilnya seperti berikut :