Float

Controls the content wrapping around an element.

Class	Properties
flo-ie	float: inline-end;
flo-is	float: inline-start;
flo-l	float: left;
flo-none	float: none;
flo-r	float: right;

---

Using breakpoints

Using responsive breakpoints like sm:flo-*, md:flo-*, lg:flo-*, and xxl:flo-* allows targeting specific utilities in different viewports.

<div class="flo-l md:flo-r ..."></div>

Using variants

Using :hover variants such as h:flo-* allows you to override elements and change their values when hovering over them.

<div class="flo-l h:flo-r ..."></div>