3.07.2012

Membuat Text Menjadi Rata Di Tengah Dengan gambar

Seringkali kita menggunakan gambar di dalam postingan blog. Namun secara default, tentu saja gambar tersebut tidak rata tengah dengan teks. Yang di bawah ini merupakan kode dasar (default) untuk menempatkan gambar di postingan blog.

<img src="URLgambar di sini">

Kalu URL gambar di isi, jadinya seperti ini.

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKLDMX9573NKQ1GEdkGsdFoeqtLv48fCD-sFNbQvyvtuxi5XnXEKHf2BVdgl7Can0y99LeskNCEgHNapbFxFPXe8EJd4dG4GezkA-fg8KmjaPFGoCestJaOpKW2CbzAd1RUHh5TJFZ7MSe/s1600/La+Vecchia+Signora+%2528Si+Nyonya+Besar%2529.png">

La Vecchia Signora

Nah, text atau kalimat di atas tidak lurus kan dengan gambar? Berikut kode yang harus ditambahkan agar text atau kalimat menjadi lurus dengan gambar.

align="absmiddle"

Keterangan : absmiddle adalah absolute middle
Sehingga keseluruhan kode gambar menjadi seperti di bawah ini.

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKLDMX9573NKQ1GEdkGsdFoeqtLv48fCD-sFNbQvyvtuxi5XnXEKHf2BVdgl7Can0y99LeskNCEgHNapbFxFPXe8EJd4dG4GezkA-fg8KmjaPFGoCestJaOpKW2CbzAd1RUHh5TJFZ7MSe/s1600/La+Vecchia+Signora+%2528Si+Nyonya+Besar%2529.png" align="absmiddle">

La Vecchia Signora
Naaaaahhh, sudah tau kan cara membuat text menjadi rata di tengah dengan gambar? Text menjadi lebih serasi dengan gambar yang di sebelahnya dan membuat postingan menjadi lebih rapi.
Semoga bermanfaat 

0 komentar:

Posting Komentar

Cool Blue Outer Glow Pointer
chusnyfitriyanto. Diberdayakan oleh Blogger.