CSS+DIV: 画像の周囲でテキスト文字を折り返す

著者：Eve Cole 更新時間：2009-05-31 00:49:51

上記の効果を見ると、これは単なるテキスト付きの画像であると思われるかもしれませんが、マウスを使用してテキストを選択すると、これは完全に画像とテキストの組み合わせであることがわかります。以下にその方法を紹介します。

まずはコードを見てみましょう:

引用した内容は以下の通りです。
<div id="情報">
<h2>画像の追跡</h2>
<div id="holdit">
<img src="/imagelist/06/24/4fnpgj5042e6.jpg" alt="くまのプーさん" title="くまのプーさん" />




























「追いつくまで待たなければなりません。さあ、そこを見てください。」とプーさんは言いました。「そこに何が見えますか?」 
「跡だ」とピグレットは言いました、「ああ、プーさん！それは、ああ、ウーズルだと思いますか？」 
「そうかもしれない。そうかもしれないし、そうじゃないこともある。足跡では決して分からないよ。」 とプーさんは言いました。
これらのいくつかの言葉で彼は追跡を続けました、そして、ピグレットは一、二分間彼を観察した後、クマのプーさんが突然止まり、困惑したように線路の上で身をかがめて彼の後を追いかけました。 
「どうしたの？」とピグレットが 尋ねました。
「とても面白いことだよ」とクマは言った、「でも今は二匹の動物がいるみたいだ。これは――それが何であれ――もう一匹――それが何であれ――が加わったんだ」
それで、二人は今一緒に進んでいます、ピグレット、彼らが敵対的な動物であることが判明した場合に備えて、私と一緒に来てもらえませんか？」
ピグレットはいい感じで耳を掻き、金曜日まで何もすることがないので、本当にウーズルだった場合は喜んで来ます、と言いました。 
「つまり、本当にウーズルが2匹になった場合に備えて」とプーさんが言うと、とにかく金曜日まで何もすることがないので、一緒に出かけました。
</div>
</div>