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:  Menambahkan paper-clip pada element

Mudah bukan? 😛

Tags

mengatur posisi gambar dengan css,mengatur posisi dengan css,mengatur letak gambar html,mengatur letak gambar pada html,gambar web design,mengatur posisi gambar pada html,mengatur posisi gambar pada CSS,mengatur letak gambar dengan css,mengatur posisi gambar css,mengatur letak gambar css,mengatur gambar dengan css,cara mengatur posisi gambar di html,mengatur letak gambar di css,mengatur letak gambar pada css,mengatur posisi css dengan bootstrap,belajar mengatur posisi gambar pada php,letak align midle,cara agar tuliasan ama gambar sejajar dalam desain web html css,cara menata icon di wordpress,cara mengatur letak bottom right di boostrap

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 hd porno izle turk porno