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.