🎯 CSS float Property

The float CSS property allows an element to move out of the normal document flow and align to the left or right side of its container.

It also allows surrounding content to wrap around the floated element, making it useful for layouts and image positioning.

The float property is commonly used for creating layouts and wrapping text around images in web design.

• Allows text wrapping around images
• Helps create column-based layouts
• Simple positioning method (legacy layouts)
• Useful for basic UI structures

The element does not float and stays in the normal document flow.

div {
    float: none;
}
                

The element floats to the left, and content flows around its right side.

div {
    float: left;
}
                

The element floats to the right, and content flows around its left side.

div {
    float: right;
}
                

Resets the property to its default value (none).

Inherits the float value from its parent element.