1. Technology



clear Description:

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 Syntax:

clear: none | left | right | both | inherit

  • none
    Floating elements are allowed on both sides.
  • left
    Floating elements are not allowed on the left.
  • right
    Floating elements are not allowed on the right.
  • both
    Floating elements are not allowed on either side.
  • inherit
    The element should have the same clear setting as the parent.

clear Initial Value:


clear Applies To:

All elements.

clear Inheritance:

This property is not inherited.

clear Browser Support:

clear Examples:

clear a right floating image

 <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.

clear Special Notes:

  • The cleared element will display directly below the floated element unless there are other layout styles in place.

More clear Information:

©2014 About.com. All rights reserved.