CSS+DIV: Bungkus karakter teks di sekitar gambar Anda

Penulis：Eve Cole Waktu Pembaruan：2009-05-31 00:49:51

Melihat efek di atas, Anda mungkin mengira ini hanyalah gambar dengan teks; haha, gunakan mouse Anda untuk memilih teks dan cari tahu, ini sepenuhnya kombinasi gambar dan teks.

Mari kita lihat kodenya terlebih dahulu:

Berikut isi kutipannya:
<div id="info">
<h2>MELACA GAMBAR ANDA</h2>
<div id="tahan">
<img src="/imagelist/06/24/4fnpgj5042e6.jpg" alt="Winnie si beruang" title="Winnie si beruang" />




























"Aku harus menunggu sampai aku bisa mengejarnya," kata Winnie-the-Pooh. "Sekarang, lihat di sana." Dia menunjuk ke tanah di depannya saudara />
"Jejak kaki," kata Piglet. "Tanda kaki." Dia mengeluarkan sedikit suara mencicit kegirangan. "Oh, Pooh! Menurutmu itu a--a--Woozle?" 
"Mungkin saja," kata Pooh. "Terkadang iya, dan terkadang tidak. Kamu tidak akan pernah tahu hanya dengan bekas cakarnya." 
Dengan beberapa kata ini dia terus melacak, dan Piglet, setelah mengawasinya selama satu atau dua menit, berlari mengejarnya. Winnie-the-Pooh tiba-tiba berhenti, dan membungkuk di atas rel dengan bingung. 
"Ada apa?" tanya Babi. 
"Ini hal yang sangat lucu," kata Bear, "tapi sepertinya sekarang ada dua binatang. Hewan ini--apapun-itu--telah bergabung dengan yang lain--apapun-itu--
dan mereka berdua sekarang berjalan bersama. Maukah kamu ikut denganku, Piglet, kalau-kalau mereka ternyata adalah Hewan yang Bermusuhan?" 
Piglet menggaruk telinganya dengan cara yang baik, dan mengatakan bahwa dia tidak ada pekerjaan sampai hari Jumat, dan akan dengan senang hati datang, kalau-kalau itu benar-benar Woozle. 
"Maksudmu, kalau-kalau itu benar-benar dua Woozle," kata Winnie-the-Pooh, dan Piglet berkata bahwa dia tidak ada pekerjaan sampai hari Jumat. Jadi mereka berangkat bersama.
</div>
</div>