Specify which side may not have a floating element. If an element is already floating to the chosen side, then the current item will be displayed on the following line. Use "both" to clear both left and right.

Value Description
left Align the element on the left.
right Align the element on the right.
both Both left and right.


i { float: left;}
b {
float: left;
clear: left;


This is italic text that is floating ot the leftThis is bold text would normaly appear next to the italic, but we cleared to the left, so it appears on the a new line.

Compatibility Issues:

IE 5.0 - Values "left" and "right" are broken.
IE 5.5 - Clear can be buggy, but better behavior than with 5.0.