質問: floatで画像にテキストの文章を回り込ませているのですが、テキストが画像の下に回り込まない状態のとき、
回答: テキストをブロック要素で囲むと可能です。 以下、サンプルです。 --- HTML --- テキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキスト --- CSS --- #box { margin: 50px auto 0; padding: 10px; width: 800px; overflow: hidden; border: solid 1px red; } .fl { width: 40%; float: left; } .fr { padding: 20px 0; width: 55%; float: right; } img { width: 100%; vertical-align: bottom; }