---
title: White Space
position: 10
seo_title: Telerik and Kendo UI White Space Utilities
seo_description: Use the Telerik and Kendo UI White Space Utilities to control
  how an element's white spaces will be handled.
---
## White Space

The Telerik and Kendo UI White Space Utilities are CSS utility classes that enable you to control how element's white spaces will be handled.

<CSSRulesList data='{"id":"white-space"}'></CSSRulesList>

### Normal

Use the `k-white-space-normal` utility to collapse new lines and wrap text so that you prevent overflowing.

<LiveDemo data='{"links":[],"demo":"utils/typography/white-space/normal","height":240,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":""}}'></LiveDemo>

### Nowrap

Use the `k-white-space-nowrap` utility to prevent text wrapping.

<LiveDemo data='{"links":[],"demo":"utils/typography/white-space/nowrap","height":150,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":""}}'></LiveDemo>

### Pre

Use the `k-white-space-pre` utility to wrap text only on newline. Spaces will be preserved and text will not be wrapped.

<LiveDemo data='{"links":[],"demo":"utils/typography/white-space/pre","height":200,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":""}}'></LiveDemo>

### Pre Line

Use the `k-white-space-pre-line` utility to wrap text on newline, elements, and when you need to prevent overflowing. Spaces will not be preserved.

<LiveDemo data='{"links":[],"demo":"utils/typography/white-space/pre-line","height":270,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":""}}'></LiveDemo>

### Pre Wrap

Use the `k-white-space-pre-wrap` utility to wrap text on newline, elements, and when you need to prevent overflowing. Spaces will be preserved.

<LiveDemo data='{"links":[],"demo":"utils/typography/white-space/pre-wrap","height":200,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":""}}'></LiveDemo>