---
title: Place Self
position: 24
seo_title: Telerik and Kendo UI Place Self Utilities
seo_description: Use the Telerik and Kendo UI Place Self Utilities to control how an item will be aligned along both axes.
---
## Place Self

The Telerik and Kendo UI Place Self Utilities are CSS utility classes that enable you to control how an item will be aligned along both axes.

<CSSRulesList data='{"id":"place-self"}'></CSSRulesList>

### Stretch

Use the `k-place-self-stretch` utility to stretch the item so that it fills the alignment container along both axes.

<LiveDemo data='{"links":[],"demo":"utils/flex-grid/place-self/stretch","height":200,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":""}}'></LiveDemo>

### Center

Use the `k-place-self-center` utility to center the item within the alignment container along both axes.

<LiveDemo data='{"links":[],"demo":"utils/flex-grid/place-self/center","height":200,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":""}}'></LiveDemo>

### Start

Use the `k-place-self-start` utility to align the item to the start of the container along both axes.

<LiveDemo data='{"links":[],"demo":"utils/flex-grid/place-self/start","height":200,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":""}}'></LiveDemo>

### End

Use the `k-place-self-end` utility to align the item to the end of the container along both axes.

<LiveDemo data='{"links":[],"demo":"utils/flex-grid/place-self/end","height":200,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":""}}'></LiveDemo>

### Baseline

Use the `k-place-self-baseline` utility to align the item to the baseline of the container along both axes.