CSS サンプル: float でテキストを下に回り込ませない (overflow)

float した要素の横に配置される要素に overflow (hidden, auto, scroll のいずれか) を設定するとテキストが下に回り込まなくなります。

通常

float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。

overflow: auto

float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。 float: right で画像を右に配置させています。