CSS - float

---

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

object.style.float = "left";

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 −

CSS float Example

 Print