CSS Float

Toggle floats on any element

CSS Float

These utility classes float an element to the left or right, or disable floating, based on the current viewport size using the CSS float property. !important is included to avoid specificity issues. Please be aware float utilities have no effect on flex items.

Float left
Float right
Don't float

Float left
Float right
Don't float

Float Based on viewport

Float 1
Float 2
Don't float

Float 1
Float 2
Don't float