--- layout: single property_name: clear --- Link Share MDN #clear Moves the element after all the preceding floating elements. clear: none; The clear property is only relevant when used with siblings that have a float value. The element will sit alongside any floated element that precedes it. clear: left; The cleared element will move after any left floating element that precedes it, but will remain alongside right float elements. clear: right; The cleared element will move after any right floating element that precedes it, but will remain alongside left float elements. clear: both; The cleared element will move after any floating element that precedes it. This includes both left floating and right floating elements.
Moves the element after all the preceding floating elements.
clear: none;
The clear property is only relevant when used with siblings that have a float value.
The element will sit alongside any floated element that precedes it.
clear: left;
The cleared element will move after any left floating element that precedes it, but will remain alongside right float elements.
clear: right;
The cleared element will move after any right floating element that precedes it, but will remain alongside left float elements.
clear: both;
The cleared element will move after any floating element that precedes it. This includes both left floating and right floating elements.