---
title: Float
position: 6
seo_title: Telerik and Kendo UI Float Utilities
seo_description: Use the Telerik and Kendo UI Float utilities to configure the
  float behavior of an element.
---
## Float

The Telerik and Kendo UI Float Utilities are CSS utility classes that enable you to configure the float behavior of an element.

<CSSRulesList data='{"id":"float"}'></CSSRulesList>

### Left

Use the `k-float-left` utility to float an element to the left of its container.

<LiveDemo data='{"links":[],"demo":"utils/layout/float/left","height":150,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":"k-border-solid k-border-2 k-border-black k-w-20 k-h-20"}}'></LiveDemo>

### Right

Use the `k-float-right` utility to float an element to the right of its container.

<LiveDemo data='{"links":[],"demo":"utils/layout/float/right","height":150,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":"k-border-solid k-border-2 k-border-black k-w-20 k-h-20"}}'></LiveDemo>

### No Float

Use the `k-float-none` utility to remove existing float from an element.

<LiveDemo data='{"links":[],"demo":"utils/layout/float/no-float","height":150,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":"k-border-solid k-border-2 k-border-black k-w-20 k-h-20"}}'></LiveDemo>