clear

Utilities for controlling the wrapping of content around an element.

Examples

Clearing left

Use the clear-left utility to position an element below any preceding left-floated elements:

Clearing right

Use the clear-right utility to position an element below any preceding right-floated elements:

Clearing all

Use the clear-both utility to position an element below all preceding floated elements:

Using logical properties

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

Disabling clears

Use the clear-none utility to reset any clears that are applied to an element:

Responsive design