clear
Definition
The clear property is used to prevent elements from wrapping around a floating element. The screen shot below shows how subsequent elements typically wrap around floating images.
The screen shot below shows how wrapping around floating elements can be prevented by applying the clear property, set to both, to heading elements.
Example
h1, h2, h3, h4, h5, h6 {clear: both}
Characteristics
Possible values
none- Wrap around floated elements.
left- Prevent wrapping around elements floated to the left.
right- Prevent wrapping around elements floated to the right.
both- Prevent wrapping around elements floated left or right.
inherit- Use the same computed value as the parent element for this property.
Default value
none
Applies to
Block-level elements
Inherited
No
See also