6 Tips Mengatur Posisi Konten Di tengah Secara Vertikal

30/08/2015    Reza Indra    3830     Artikel Bebas

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

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