Description:

The float property causes an element to be moved to one side of the parent element.s content area, which allows other content to flow around it.

Possible Values:

• left: The element is floated to the left side of its parent element's content area.
• right: The element is floated to the right side of its parent element's content area.
• none: The element is not floated.

Applies to:

All the elements but positioned elements and generated content.

DOM Syntax:

Example:

Here is the example showing usage of this property:

<h1 style="float: left;">CSS float Example</h1>
<p>If your browser supports the CSS float Property, this
text will be flowing around the heading.</p>
     

This will produce following result: