---
title: Placement
position: 10
seo_title: Telerik and Kendo UI Placement Utilities
seo_description: Use the Telerik and Kendo UI Placement utilities to control the
  placement of positioned elements.
---
## Placement

The Telerik and Kendo UI Placement Utilities are CSS utility classes that enable you to control the placement of positioned elements.

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

### Top/Right/Bottom/Left

Use the `k-{placement}-0` utility to set vertical and horizontal placement to a positioned element.

<LiveDemo data='{"links":[],"demo":"utils/layout/placement/single","codePreviewSettings":{"filterSelector":".k-pos-absolute","ignoreClassNames":" k-text-white k-h-20 k-w-20 k-d-flex k-justify-content-center k-align-items-center"},"height":200}'></LiveDemo>

### Multiple Directions

Use the `k-top-left-0`, `k-top-right-0`, `k-bottom-left-0`, and `k-bottom-right-0` utilities to define a multi-directional placement of a positioned element.

<LiveDemo data='{"links":[],"demo":"utils/layout/placement/multiple","codePreviewSettings":{"ignoreClassNames":"k-text-white k-h-20 k-w-20 k-d-flex k-justify-content-center k-align-items-center","filterSelector":".k-pos-absolute"},"height":200}'></LiveDemo>