---
title: Clear
position: 3
seo_title: Telerik and Kendo UI Clear Utilities
seo_description: Use the Telerik and Kendo UI Clear utilities to move an element
  under a preceding floating element.
---
## Clear

The Telerik and Kendo UI Clear Utilities are CSS utility classes that enable you to move content or element underneath preceding floating elements.

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

### Left

Use the `k-clear-left` utility to move an element under preceding elements that have left float applied to them.

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

### Right

Use the `k-clear-right` utility to move an element under preceding elements that have right float applied to them.

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

### Both

Use the `k-clear-both` utility to move an element under preceding elements that have any type of float applied to them.

<LiveDemo data='{"links":[],"demo":"utils/layout/clear/both","height":270,"codePreviewSettings":{"ignoreClassNames":" k-border-solid k-border-2 k-border-black k-w-10 k-h-10 k-w-20 k-h-20"}}'></LiveDemo>

### No Clear

Use the `k-clear-none` utility to remove all applied clears from an element.

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