# Text Align

Set the horizontal alignment of text.

**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 |
|-------|------------|-------|
| `ta:c` | text-align | `center` |
| `ta:e` | text-align | `end` |
| `ta:j` | text-align | `justify` |
| `ta:ja` | text-align | `justify-all` |
| `ta:l` | text-align | `left` |
| `ta:mp` | text-align | `match-parent` |
| `ta:r` | text-align | `right` |
| `ta:s` | text-align | `start` |

### Media Queries

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

| Class | Properties | Value |
|-------|------------|-------|
| `ta:c` | text-align | `center` |
| `ta:e` | text-align | `end` |
| `ta:j` | text-align | `justify` |
| `ta:ja` | text-align | `justify-all` |
| `ta:l` | text-align | `left` |
| `ta:mp` | text-align | `match-parent` |
| `ta:r` | text-align | `right` |
| `ta:s` | text-align | `start` |

### Pseudo Classes

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

| Class | Properties | Value |
|-------|------------|-------|
| `ta:c` | text-align | `center` |
| `ta:e` | text-align | `end` |
| `ta:j` | text-align | `justify` |
| `ta:ja` | text-align | `justify-all` |
| `ta:l` | text-align | `left` |
| `ta:mp` | text-align | `match-parent` |
| `ta:r` | text-align | `right` |
| `ta:s` | text-align | `start` |