clear

Species whether an element coming after a floated element should be moved down or not.

Syntax

clear: <value>;

The following values can be be appplied:

  • none: The element is not moved down to clear past floating elements (the default).
  • left: The element is moved down to clear past left floated elements.
  • right: The element is moved down to clear past right floated elements.
  • both: The element is moved down to clear past both left and right floated elements.

Example 1

Making an img element move down a left floated h1 element.

.div1 h1 {
float: left;
}
.div1 img {
clear: left;
}

Contributors

Interested in helping build Docs? Read the Contribution Guide or share your thoughts in this feedback form.

Learn CSS on Codecademy