Membuat Text Sejajar Dengan Gambar

Dalam memasang gambar agar sejajar dengan text pada postingan diperlukan style pada gambar yang akan diposting, yaitu dengan menentukan float dan margin.

Berikut caranya :
Upload gambar yang akan diposting dengan mengklik tombol add image atau dengan memasukkan kode HTML dari gambar yang udah ada. Perhatikan Kode HTML dari gambar tersebut, lalu sisipkan kode dibawah sebelum tag penutup dari HTML gambar :

style="float: left; margin: 10px 10px 10px 0px"
sekarang kita tinggal ngatur posisinya, kalau ingin gambarnya disebelah kanan,
tinggal ganti kode float : right;
kalau margin yaitu pemberian jarak antara gambar dengan text.
Sebagai contoh, berikut kode HMTL gambar diatas :

<a href="http://gyanfs87.blogspot.com/"><img 102px;="" 116px;="" height:="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYzq8ie36bAFwt3LJjH3fYe1ibvz65UZ8O4TaZ62BETq2tsWeEJetuO5Q_84nzrKhwAJ6VA5KJmKOLkP91cUMSTl6LgH1hDj7bE3M50nFzbM897AD5KzricZVH2ysrPlSfUDuUKt8n5-o/s1600/D6071FA%2527MB.jpg" style="float: left; margin: 10px 10px 10px 0px;" width:="" /></a>

Catatan : kode ini juga bisa digunakan untuk mensejajarkan icon didepan Judul Posting.

Silahkan Berkomentar :


Ada 0 komentar “Membuat Text Sejajar Dengan Gambar”

Posting Komentar

:a :b :c :d :e :f :g :h :i :j :k :l :m :n :p :q :r :s :t
[Gunakan Form Komentar Klasik]

powered by Blogger | Modification by Gyanfs