CSS3 Examples

CSS CLEAR

Written by jon on 9:12 AM This property specifies whether the current element allows floated elements occuring earlier in the document to float along its sides. The values for this property indicate which sides of the element do not allow floating elements. If the current element has any floating sub-elements, the property does not apply to them.

Example

address { clear: both } <address style=”clear: both”>some test</address>

Possible Values

Value Description inherit Explicitly sets the value of this property to that of the parent. none No restriction is made on floating element placement behavior. left The current element is shifted such that the top edge of the top margin is below the bottom edge of any left-floated elements previously occuring in the document. right The current element is shifted such that the top edge of the top margin is below the bottom edge of any right-floated elements previously occuring in the document. both The current element is shifted such that the top edge of the top margin is below the bottom edge of any floated elements previously occuring in the document.