clear

The box position properties are used to specify how the elements of the page relate to one another. That is, it is used to control the placement of the items on the page. clear This property is used to specify which elements or items on the page will be allowed to be positioned in relation to the element to which it was invoked. For example, you can allow or disallow whether an image will have another image placed next to it, on either side. This property and its values cannot be used by inline or included elements. The following will explain the values of the clear property in more detail. clear values none This is the default setting, and allows page elements of any type to be placed on either the right or left of the element to which the value was invoked. left This will disallow elements of any type to be placed on the left of the element to which this value was invoked. If an element exists on the left, it will be moved below the element to which this value was invoked. right This will disallow elements of any type to be placed on the right of the element to which this value was invoked. If an element exists on the right, it will be moved below the element to which this value was invoked. both This will disallow elements of any type to be placed on either the left or the right of the element to which this value was invoked. If an element exists on either side, it will be moved below the element to which this value was invoked. EXAMPLES: p {clear: both} This example will not allow an element of any type to be placed on either side of the element to which this value was invoked. P, H3 {clear: left} This example will disallow any items to be placed on the left of the element.