左フロートfloat: left;
左フロートのブロックボックスを配置しています。
つづく内容は，左フロートボックスの右側に上から流し込まれます。
フロートは通常に流し込まれる他のボックスと重なることもあります。このとき，ブロックボックスはフロートボックスの背面に隠され，インラインボックスはフロートボックスの前面に描かれます。
左フロートを解除（clear: left;）
右フロートfloat: left;
右フロートのブロックボックスを配置しています。
つづく内容は，右フロートボックスの右側に上から流し込まれます。
フロートは通常に流し込まれる他のボックスと重なることもあります。このとき，ブロックボックスはフロートボックスの背面に隠され，インラインボックスはフロートボックスの前面に描かれます。
右フロートを解除（clear: right;）
float: left;
左フロートのブロックボックスを配置しています。
つづく内容は，左フロートボックスの右側に上から流し込まれます。
フロートの直前の行に含まる匿名ボックスは元の場所を取り消されて，フロートの右側へ新たに流し込み直される筈です。匿名ボックスが右側に流し込まれずに，一行分下の位置にフロートが整形されている場合，その実装は正しくありません。
フロートを解除（clear: left;）
float: left;
左フロートfloat: left;
左フロートのブロックボックスを配置しています。
つづく内容は，左フロートボックスの右側に上から流し込まれます。
フロートを解除（clear: left;）
float: left;
左フロートfloat: left;
右フロートfloat: right;
左/右フロートのブロックボックスを配置しています。
つづく内容は，左フロートと右フロートの間に上から流し込まれます。
フロートを解除（clear: both;）