# Writing Mode

Set whether lines of text are laid out horizontally or vertically.

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

Chrome 48 · Edge 12 · Firefox 41 · Safari 10.1

| Class | Properties | Value |
|-------|------------|-------|
| `wm:htb` | writing-mode | `horizontal-tb` |
| `wm:slr` | writing-mode | `sideways-lr` |
| `wm:srl` | writing-mode | `sideways-rl` |
| `wm:vlr` | writing-mode | `vertical-lr` |
| `wm:vrl` | writing-mode | `vertical-rl` |

### Media Queries

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

| Class | Properties | Value |
|-------|------------|-------|
| `wm:htb` | writing-mode | `horizontal-tb` |
| `wm:slr` | writing-mode | `sideways-lr` |
| `wm:srl` | writing-mode | `sideways-rl` |
| `wm:vlr` | writing-mode | `vertical-lr` |
| `wm:vrl` | writing-mode | `vertical-rl` |

### Pseudo Classes

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

| Class | Properties | Value |
|-------|------------|-------|
| `wm:htb` | writing-mode | `horizontal-tb` |
| `wm:slr` | writing-mode | `sideways-lr` |
| `wm:srl` | writing-mode | `sideways-rl` |
| `wm:vlr` | writing-mode | `vertical-lr` |
| `wm:vrl` | writing-mode | `vertical-rl` |