What is the use of float property in CSS?

The float property is used to change the normal flow of an element. It defines how an element should float and place an element on its container’s right or left side.

Value Description

none.  It is the default value of a float property. The element must no float. 

inherit property must be inherited from its parent element. 

left Place an element on its container’s right.

right Place an element on its container’s left.

initial Property is set to its default value.

• Float Value Description
• none This is the default. The element will not float.
• left The element floats to the left of its containing block.
• right The element floats to the right
• inherit Inherits this property from its parent element.
• initial Sets this property to its default value.
• Inline-end The element floats on the end side of its containing block.