Skip to main content
U.S. Flag

An official website of the United States government

CMS Design System


Set an element's float property using the float utility.

You can use the clearfix utility class to automatically clear your floats.

Format: .ds-u-float--[left|right|none]

Responsive format: .ds-u-[breakpoint]-float--[left|right|none]





The clearfix utility can be applied to an element to clear floats around the element.

Format: .ds-u-clearfix

Floated right
No clearfix
Floated right

Responsive float

Use a breakpoint prefix to change how an element is floated at specific breakpoints.