Skip to content

Float

Controls the content wrapping around an element.

Class Properties

flo-none

float: none;

flo-l

float: left;

flo-r

float: right;

flo-is

float: inline-start;

flo-ie

float: inline-end;

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>