CSS GUIDE CLEAR

This document is a work in progress and is subject to change.

Summary

Image and text elements that appear in another element are called floating elements. The clear property sets the sides of an element where other floating elements are not allowed.

Applicability:	The clear property can be used for block-level elements.
Media Group:	Visual
Inherited:	No
Default Value:	none

Syntax

TARGET_ELEMENT{clear: inhert !important}
TARGET_ELEMENT{clear: none}
TARGET_ELEMENT{clear: left}
TARGET_ELEMENT{clear: right}
TARGET_ELEMENT{clear: both}

Legal Values

Value	Description
inherit	Explicitly sets the value to that of the parent
none	Allows floating elements on both sides.
left	No floating elements allowed on the left side.
right	No floating elements allowed on the right side.
both	No floating elements allowed on the left side or the right side.

Usage Examples

h1{
clear: none
}

h2{
clear: right
}

Notes

The clear property does not always work as expected if it is used along with the "float" property.

Specification Conformance

• CSS 1
• CSS 2.1
• CSS 3

Browser Compatibility

• Netscape 4, 6, 7
• Mozilla 1
• Firefox 1, 2
• Internet Explorer 4, 5, 6

See Also

• float property
• cursor property
• display property
• position property
• visibility property