float

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. float The float property is use to specify the placement of an element in relation to the other elements of the page. This property is not inherited. The following explanantion of the float values will explain this in more detail. float values none This is the default setting. Witht he float property set to the value of none, the element will be placed according to where it appears in the HTML document. left This value is used to position the element to which this value was invoked on the left most margin of the document. Other elements will appear to the right of this element. right This value is used to position the element to which this value was invoked on the right most margin of the document. Other elements will appear to the left of this element. EXAMPLES: p {float: right} This example will cause the element to which this value was invoked to be placed on the right hand margin of the document. The other elements of the page will wrap around this element on the left hand side. img.logo {float: left} This example will cause the image assigned the class id of 'logo' to be placed on the left hand margin of the document. All other elements of the document will wrap around the right of this element.