| Property: |
float |
| Values: |
left, right, none |
| Initial: |
none |
| Inherited: |
no |
With the value 'none', the element will be displayed where it appears in the
text. With a value of 'left' ('right') the element will be moved to the left
(right) and the text will wrap on the
right (left) side of the element. With a value of 'left' or 'right', the element
is treated as block-level (i.e. the 'display' property is ignored).
IMG.icon {
float: left;
margin-left: 0;
}
|
The above example will place all IMG elements with 'CLASS=icon' along the
left side of the parent element.
This property is most often used with inline images, but also applies to text
elements.
img.left {float:left; margin-left: 5em}
img.right {float:right; margin-right: 5em}
img.none {float:none; margin-left: 5em}
|
