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.
Usage example
.footer {
clear: both;
/* forces the footer to sit below all floated sidebars or images */
}Initial value
none
Inherited
No
Applies to
blockLevelElements
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+