スタンダード・デザインラボ

	float	clear	box高	box幅
●赤ボックス	none left right	none both left right	100px 110px 120px	20% 50% 80% 100%
●青ボックス	none left right	none both left right	100px 110px 120px	20% 50% 80% 100%
●緑ボックス	none left right	none both left right	100px 110px 120px	20% 50% 80% 100%
●黒ボックス	none left right	none both left right	100px 110px 120px	20% 50% 80% 100%
●茶ボックス	none left right	none both left right	100px 110px 120px	20% 50% 80% 100%
☆ボーダー	0px 5px

　「F」は、フロートの様子、「C」は「clear:～;」をどのようにかけたかを示します。
　また、高さが違うボックスが並んでいる場面での右寄せや左寄せの再現も出来ます。