clear:***;

clear: ***;は回り込みを解除するプロパティです。

floatプロパティで設定されている手前の回り込みを解除することができます。

▼CSS

p.sample {
 clear:both;
}

▼HTML

<img src="../images/h3-67_01.png" style="float:left;">
<p>floatによって、このテキストは画像の右側に表示されています。</p>
<p style="clear:both;">このテキストはCSSに記述されているclearプロパティによって回り込みが解除されています。</p>

▼表示

floatによって、このテキストは画像の右側に表示されています。

このテキストはCSSに記述されているclearプロパティによって回り込みが解除されています。

値の書き方には何種類かあります。

none	回り込みを解除しない
left	左フロートの回り込みを解除する
right	右フロートの回り込みを解除する
both	どちらの回り込みも解除