Meletakan Gambar Disamping Teks dengan PHP

Hai sobat, share postingan kali ini tentang meletakkan gambar disamping teks dengan PHP. Mungkin judul diatas sudah tidak asing lagi bagi para programer hebat, tapi bagi pemula yuk menyimak..!

 

Ini adalah  format syntax nya:
- Syntax menggunakan tag <div> dan atribut style="float:left; margin:0 9px 3px 0;" pada gambar. Lihat format selengkapnya berikut ini :

 <div style="text-align:justify;"><img src="URL gambar" style="float:left; margin:0 9px 3px 0;"/>tulis teks disini</div>

- Syntax menggunakan tag <p> dan atribut style="float:left; margin:0 9px 3px 0;" pada gambar. Lihat format selengkapnya berikut ini :

 <p style="text-align:justify;"><img src="URL gambar" style="float:left; margin:0 9px 3px 0;"/>tulis teks disini</p>

Keterangan : 

• Nilai atribut style="text-align:justify;" dipakai untuk merapihkan posisi kanan dan kiri teks agar sejajar rata, tidak digunakan juga tidak apa2
• Margin 0=atas gambar, 9=kanannya, 3= bawahnya, 0=kirinya di pakai untuk memisahkan jarak antara teks dengan gambar agar tidak menempel
• Nilai atribut Style=”float:left” dipakai untuk menentukan posisi gambar disebelah kiri, ganti kata “left” dengan kata “right” untuk menentukan letak gambar disebelah kanan.
• Untuk memberi ruang pada teks disebelah gambar, tentu ukuran lebarnya (width) harus dikecilkan. Seberapa kecil tergantung tema yang digunakan.

Refrensi:

http://dewinovianti02.blogspot.co.id/2016/09/membuat-posisi-gambar-disamping-teks.html

Selamat mencoba kawan.