# Vertical Align

Set the vertical alignment of an inline or table-cell 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 |
|-------|------------|-------|
| `va:b` | vertical-align | `bottom` |
| `va:ba` | vertical-align | `baseline` |
| `va:m` | vertical-align | `middle` |
| `va:s` | vertical-align | `sub` |
| `va:su` | vertical-align | `super` |
| `va:t` | vertical-align | `top` |
| `va:tb` | vertical-align | `text-bottom` |
| `va:tt` | vertical-align | `text-top` |

### Media Queries

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

| Class | Properties | Value |
|-------|------------|-------|
| `va:b` | vertical-align | `bottom` |
| `va:ba` | vertical-align | `baseline` |
| `va:m` | vertical-align | `middle` |
| `va:s` | vertical-align | `sub` |
| `va:su` | vertical-align | `super` |
| `va:t` | vertical-align | `top` |
| `va:tb` | vertical-align | `text-bottom` |
| `va:tt` | vertical-align | `text-top` |

### Pseudo Classes

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

| Class | Properties | Value |
|-------|------------|-------|
| `va:b` | vertical-align | `bottom` |
| `va:ba` | vertical-align | `baseline` |
| `va:m` | vertical-align | `middle` |
| `va:s` | vertical-align | `sub` |
| `va:su` | vertical-align | `super` |
| `va:t` | vertical-align | `top` |
| `va:tb` | vertical-align | `text-bottom` |
| `va:tt` | vertical-align | `text-top` |