📪Float

.float-right

Sets the float property to right, causing the element to float to the right of its containing block. Other content will flow around it on the left side.

CSS equivalent: float: right;

Example usage:

<div class="float-right">This element floats to the right.</div>

.float-left

Sets the float property to left, causing the element to float to the left of its containing block. Other content will flow around it on the right side.

CSS equivalent: float: left;

Example usage:

<div class="float-left">This element floats to the left.</div>

The float property allows elements to be positioned horizontally within their containing block, allowing other content to flow around them. Use these classes to achieve different text wrapping and layout effects in your design.