Float

Controls the content wrapping around an element.

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

---

Using responsive modifiers

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 hover modifiers

Using :hover modifiers 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>