---
title: Vertical Align
position: 9
seo_title: Telerik and Kendo UI Vertical Align Utilities
seo_description: Use the Telerik and Kendo UI Vertical Align Utilities to
  control the vertical alignment of an inline box.
---
## Vertical Align

The Telerik and Kendo UI Vertical Align Utilities are CSS utility classes that enable you to control the vertical alignment of an inline box.

<CSSRulesList data='{"id":"vertical-align"}'></CSSRulesList>

### Align Top

Use the `k-align-top` utility to align top of elements.

<LiveDemo data='{"links":[],"demo":"utils/typography/vertical-align/top","height":100,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":""}}'></LiveDemo>

### Align Bottom

Use the `k-align-bottom` to align bottom of elements.

<LiveDemo data='{"links":[],"demo":"utils/typography/vertical-align/bottom","height":100,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":""}}'></LiveDemo>

### Align Center

Use the `k-align-center` to align center of elements.

<LiveDemo data='{"links":[],"demo":"utils/typography/vertical-align/center","height":100,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":""}}'></LiveDemo>

### Align Baseline

Use the `k-align-baseline` to align baseline of elements.

<LiveDemo data='{"links":[],"demo":"utils/typography/vertical-align/baseline","height":100,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":""}}'></LiveDemo>