# White Space

Set how white space & line wrapping are handled.

**Widely available.** This feature is well established and works across many devices and browser versions.

Chrome 1 · Edge 12 · Firefox 1 · Safari 1

| Class | Properties | Value |
|-------|------------|-------|
| `ws:bs` | white-space | `break-spaces` |
| `ws:n` | white-space | `normal` |
| `ws:nw` | white-space | `nowrap` |
| `ws:p` | white-space | `pre` |
| `ws:pl` | white-space | `pre-line` |
| `ws:pw` | white-space | `pre-wrap` |

### Media Queries

Prefix a class with a breakpoint to apply it from that width up.

| Class | Properties | Value |
|-------|------------|-------|
| `ws:bs` | white-space | `break-spaces` |
| `ws:n` | white-space | `normal` |
| `ws:nw` | white-space | `nowrap` |
| `ws:p` | white-space | `pre` |
| `ws:pl` | white-space | `pre-line` |
| `ws:pw` | white-space | `pre-wrap` |

### Pseudo Classes

Prefix a class with a state to apply it only while that state matches.

| Class | Properties | Value |
|-------|------------|-------|
| `ws:bs` | white-space | `break-spaces` |
| `ws:n` | white-space | `normal` |
| `ws:nw` | white-space | `nowrap` |
| `ws:p` | white-space | `pre` |
| `ws:pl` | white-space | `pre-line` |
| `ws:pw` | white-space | `pre-wrap` |