The Clear css property is related to the floats property. If the element can fit horizontally in the space next to another element both of them have the same property of float the both two properties have aligned to the floated value. If both of them in the same inside in adjaucant to each other. If you want to move the one element below the another element using the Clear.
Syntax:
clear: none; clear: right; clear:left; clear:both;
Explanation:
none : The element is not moved down to clear past floating elements.
left : The element is moved down to clear past left floats.
right : The element is moved down to clear past right floats.
both : The element is moved down to clear past both left and right floats.
Example:
Example Image By css-tricks.com
Before Giving clear property:
#footer {
clear: both;
}After Giving clear Property:
