clear
Specifies whether an element should be moved below any 'floating' elements that come before it. It's the classic way to 'break' out of a float layout and start fresh on a new line.
Quick example
.footer {
clear: both;
/* forces the footer to sit below all floated sidebars or images */
}Quick facts
Initial value
noneInherited
No
Applies to
block-level elements
Animation type
discrete
Values
noneleftrightbothinline-startinline-end clear Browser Support
Widely available Since 2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
1+
1+
1+
12+