6 Tips Mengatur Posisi Konten Di tengah Secara Vertikal

Sering kali kita kesulitan dalam mengatur posisi konten berupa teks atau gambar agar tetap di tengah secara vertikal. Untuk teks atau tulisan mungkin anda pernah mengaturnya dengan line-height, padding, margin atau yang lain, tapi tidak berhasil juga. Atau mungkin saking frustasinya akhirnya kita menggunakan jalan pintas dengan position-absolute. Nah, berikut adalah tips bagaimana mengetengahkan posisi teks dengan CSS.

1. Menggunakan Absolute Positioning

Absolute Positioning atau position-absolute adalah teknik mengatur letak konten berdasarkan sumbu kordinat. Untuk menggunakan property CSS ini berarti anda harus membuat sebuah pembungkus div yang bertindak sebagai parent (position-relative).

2. Menggunakan CSS3 Transform



3. Menggunakan Padding

4. Menggunakan Line Height

5. Menggunakan CSS Table

6. Menggunakan Flexbox