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

30 Agustus 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat