For example, it can be used to create a drop cap effect. Possible values for the float property are left, right and none, where none is the initial value. Subsequent non-floated block elements to the float treat it as though it wasn't there, and thus overlapping results. Floated block elements do, however, take the position of floats into account. New paragraph flows round it and continues after it.
New paragraph flows round it and continues after it.
Note how the top of the floating T is aligned with the top of the line, and how the next block element continues to wrap around it. Float applies to all elements and is not inherited. All browsers support float buggily, and IE 3 not at all. To clear the element, the element is moved down below the float. Clear applies only to block elements and is not inherited.