---
url: /docs/foundations/css-classes/word-break.md
---
> Typography

# Word Break

Utilities for controlling word breaks in an element.

## Quick reference

| Class | Description |
|-------|-------------|
| `break-normal` | `overflow-wrap: normal word-break: normal` |
| `break-words` | `overflow-wrap: break-word` |
| `break-all` | `word-break: break-all` |
| `break-keep` | `word-break: keep-all` |

## Basic usage

### Normal

Use `break-normal` to only add line breaks at normal word break points.

```html
<p class="break-normal ...">...</p>
```

### Break Words

Use `break-words` to add line breaks mid-word if needed.

```html
<p class="break-words ...">...</p>
```

### Break All

Use `break-all` to add line breaks whenever necessary, without trying to preserve whole words.

```html
<p class="break-all ...">...</p>
```