The clear property defines the sides of the element that should not float. It turns off the floating to that specific side.
clear in CSS Versions:
clear: none | left | right | both | inherit
Floating elements are allowed on both sides.
Floating elements are not allowed on the left.
Floating elements are not allowed on the right.
Floating elements are not allowed on either side.
The element should have the same clear setting as the parent.
clear Initial Value:
clear Applies To:
This property is not inherited.
clear Browser Support:
clear a right floating image
<p> <img src="image.gif" alt="image" style="float: right;" /> This text will flow on the left side of the image.<br style="clear:right;" /> This text will display below the image. </p>
clear Special Notes:
- The cleared element will display directly below the floated element unless there are other layout styles in place.