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.
Inherited: No
CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.clear="left"
In our HTML DOM tutorial you can find more details about the clear property.
In our HTML DOM tutorial you can also find a full Style Object Reference.
h2 { clear: right } address |
Value | Description |
---|---|
left | No floating elements allowed on the left side |
right | No floating elements allowed on the right side |
both | No floating elements allowed on either the left or the right side |
none | Default. Allows floating elements on both sides |
Clear the
sides of an element
This example demonstrates how clear the sides of other floating elements.