ボックスと文字の回りこみ（float）

「float」プロパティは、文字の回り込みを指定します。
ボックスを左か右に寄せて、反対側に文字を回り込ませることができます。
ボックスを配置する側を値で指定します。

値	説明
left	ボックスの右側に文字を表示します
right	ボックスの左側に文字を表示します
none	指定なし、デフォルト

　文字の回り込みを終了するプロパティ（clear）

clear は、文字の回り込みを途中で解除するプロパティです。
float プロパティで left または right を指定している場合に使用します。
clear プロパティで回り込みを解除すると、それ以降の文字はボックスの 下の行に続きます。

値	説明
left	ボックスの右側にある文字の回り込みを解除します
right	ボックスの左側にある文字の回り込みを解除します
both	どちらの回り込みも解除します
none	解除しない、デフォルト

　■　使用例

.sample1 { float: right; }
.sample2 { float: left; }
.sample3 { clear: both; }

ボックスを右側に表示

【サンプル1】
ボックスの左側に
複数行の文字を
表示させることができます。

ボックスを左側に表示

【サンプル2】
ボックスの右側に BRタグで改行を入れると
回り込んだままの 改行となりますが、
<BR class="sample3"> のように
clear プロパティを指定すると、回り込みを解除して改行されます。

　　　⇒　スタイルシートのboxの概念