# Line Height

Set the line height of an element.

**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 |
|-------|------------|-------|
| `lh:1` | line-height | `1` |
| `lh:2` | line-height | `1.25` |
| `lh:3` | line-height | `1.375` |
| `lh:4` | line-height | `1.5` |
| `lh:5` | line-height | `1.625` |
| `lh:6` | line-height | `2` |

### Media Queries

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

| Class | Properties | Value |
|-------|------------|-------|
| `lh:1` | line-height | `1` |
| `lh:2` | line-height | `1.25` |
| `lh:3` | line-height | `1.375` |
| `lh:4` | line-height | `1.5` |
| `lh:5` | line-height | `1.625` |
| `lh:6` | line-height | `2` |

### Pseudo Classes

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

| Class | Properties | Value |
|-------|------------|-------|
| `lh:1` | line-height | `1` |
| `lh:2` | line-height | `1.25` |
| `lh:3` | line-height | `1.375` |
| `lh:4` | line-height | `1.5` |
| `lh:5` | line-height | `1.625` |
| `lh:6` | line-height | `2` |