Clear

The clear property can be attached to block level objects to render them in a single-line box. No content (including the floating objects) is added on the left side or on the right side.

The possible values are

PropertiesDescription
none
leftthe left side of the element will be cleared
rightthe right side of the element will be cleared
boththe both sides of the elements will be cleared
Example
<h2>heading<h2>
snippet
<h2 style="clear: left;">heading 2</h2>
Note
The top edge of the <h2> box is moved below the bottom edge of the <ol> box The right side of the <h2> element is not yet cleared The 'clear' property can be attached to a floating object to render it on a single line.
Related Tutorial
Follow Us
https://www.facebook.com/Rookie-Nerd-638990322793530 https://twitter.com/RookieNerdTutor https://plus.google.com/b/117136517396468545840 #
Contents