The clear property defines the sides of the element that should not float. It turns off the floating to that specific side.

  • Initial valueauto
  • Applies toBlock-level elements
  • InheritedNo
  • MediaVisual
  • Computed valueAs specified
  • AnimatableNo
  • CSS VersionCSS1, CSS2, CSS3
  • JavaScript syntaxobject.style.clear
Formal syntax: none | left | right | both

clear: none;
clear: left;
clear: right;
clear: both;
  • noneThe element is not moved down to clear past floating elements.
  • leftThe element is moved down to clear past left floats.
  • rightThe element is moved down to clear past right floats.
  • bothThe element is moved down to clear past both left and right floats.
.clear {
  clear:both;
}

Click the button below to experiment with this property.

Give it a Try!

1+Firefox7+Explorer1+Chrome1+Safari8+Opera


Last updated on 23rd March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.