インラインボックスをfloat
インラインボックスを float させる
インライン要素 img を左に寄せ、文字を右に回りこませてみます。
ばら
庭で咲いていた鉢植えのバラ(二コール)です。
"http://www.w3.org/TR/html4/loose.dtd">
庭で咲いていた鉢植えのバラ(二コール)です。
一般的な使い方ではこんな感じでしょうか。ブラウザによって開始位置がちがうのを回避するために、フロートボックスの img を先に記述しています。
IE6,IE7 では img の下に余分なスペースができます。これも IE 特有の仕様です。IE8 では改善されています。(2009/3/26)