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

Properties	Description
`none`
`left`	the left side of the element will be cleared
`right`	the right side of the element will be cleared
`both`	the 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.