float

Utilities for controlling the wrapping of content around an element.

Examples

Floating elements to the right

Use the float-right utility to float an element to the right of its container:

Floating elements to the left

Use the float-left utility to float an element to the left of its container:

Using logical properties

Use the float-start and float-end utilities, which use logical properties to map to either the left or right side based on the text direction:

Disabling a float

Use the float-none utility to reset any floats that are applied to an element:

Responsive design