Cara membuat teks di samping gambar html css

bagaimana cara membuat teks berada diatas gambar menggunakan css ?

Hello

di balik saja menjadi

Hello

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, 8=kanannya, 4= bawahnya, 0=kirinya di pakai untuk memisahkan jarak antara teks dengan gambar agar tidak menempel / terlalu dekat

Atribut width:75% dipakai untuk merubah ukuran lebar teks dan gambar. memperkecil atau memperbesar bila tidak dipakai maka ukuran lebar kembali ke pengaturan default seperti contoh gambar 1 dan 2

Untuk memberi ruang pada teks
disebelah gambar, tentu ukuran lebar gambar (width) harus dikecilkan. Seberapa kecil tergantung tema yang digunakan.

Kode tersebut sudah diuji cobakan pada WordPress, Blogspot dan Mywapblog dan berfungsi dengan baik, dan insya allah semua elemen yang digunakan sesuai dengan standar HTML5

Pemasangan gambar dengan kode tersebut bisa juga dipasang pada excerpt post sehingga pembaca tidak hanya akan membaca sedikit ringkasan dari sebuah postingan namun bisa melihat gambar ilustrasinya juga.

kode html

Cara membuat teks di samping gambar html css

Pos Terkait

Periklanan

BERITA TERKINI

Toplist Popular

Periklanan

Terpopuler

Periklanan

Tentang Kami

Legal

Dukungan

Social