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:  Konfigurasi Photoshop untuk Menghasilkan Desain yang Pixel Perfect

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 letak gambar css,mengatur gambar dengan css,mengatur posisi gambar css,letak align midle,css mengatur gambar

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 alt yazılı porno hd porno izle turk porno