Belajar Mengatur Letak Gambar dengan Vertical-Align Property CSS

Template Landing Page untuk Blogspot

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:  Mengganti Scroll Browser dengan CSS3

Mudah bukan? 😛

Tags

mengatur posisi gambar dengan css,mengatur posisi dengan css,mengatur letak gambar pada html,mengatur letak gambar html,gambar web design,mengatur posisi gambar pada html,mengatur posisi gambar pada CSS,mengatur posisi gambar css,mengatur letak gambar dengan css,mengatur letak gambar css,mengatur gambar dengan css,cara mengatur posisi gambar di html,cara mengatur posisi gambar dengan css,mengatur letak gambar di css,mengatur letak gambar pada css,mengatur posisi css dengan bootstrap,mengatur posisi gambar di web,belajar mengatur posisi gambar pada php,membuat gambar berada di tengah dengan css,cara agar tuliasan ama gambar sejajar dalam desain web html css

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 kocaeli escort