Belajar Mengatur Letak Gambar dengan Vertical-Align Property CSS

Kali ini saya akan membahas properti Vertical-Align di CSS, setelah kemaren diberi masukan sama mbak @fansi tentang emoticon yang ada di website ini posisinya menyumbul keatas, dan kalau dilihat memang sangat mengganggu sekali bagi orang yang memperhatikan detail 😀 dan baru kali ini saya sempat memperbaikinya 🙂

Maka sekarang saya akan sharing ke teman-teman bagaimana sih menggunakan properti Vertical-Align di CSS ini? Oke kita lihat dulu struktur kodenya seperti ini :

.wp-smiley {
    vertical-align: text-top; /* Value: baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit */
}

Kode diatas adalah kode dimana terdapat sebuah gambar mempunya class wp-smiley yang akan kita atur agar posisinya berada ditengah sejajar dengan text, coba Anda lihat di icon smile yang ada pada tulisan ini, posisinya pas ditengah, tidak menyumbul dan tidak tenggelam.

Baca Juga:  Membuat Breadcrumb (Navigasi) sederhana dengan CSS

Mudah bukan? 😛

Komentar

comments

zulsdesign

Seorang Web Designer, Web Developer, Wordpress Development dan independen Blogger. Spesialisasi Personal Branding. Selalu haus akan ilmu tentang perkembangan dunia Web Design, Social Media, Online Marketing. Kadang-kadang juga berprofesi sebagai konsultan Website dadakan :)

grain storage instagram türk takipçi satın al