919 B
919 B
title |
---|
Clear Property |
Clear Property
You can use the clear
property to push down an element, preventing it from appearing next to the precedent floated element.
The clear
property can have the following values:
This property is used after the float
property is used to "clear" out the float
.
clear: none;
clear: left;
clear: right;
clear: both;
clear: inline-start;
clear: inline-end;
Example:
In the example above, the yellow div
has the property float:left
, and could fit under the coral div
. However, as the yellow div
has also the property clear: both
, it moves down below the floated elements.