# Justify Content

Set item alignment along a container's main axis.

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

Chrome 29 · Edge 12 · Firefox 20 · Safari 9

| Class | Properties | Value |
|-------|------------|-------|
| `jc:c` | justify-content | `center` |
| `jc:fe` | justify-content | `flex-end` |
| `jc:fs` | justify-content | `flex-start` |
| `jc:n` | justify-content | `normal` |
| `jc:s` | justify-content | `stretch` |
| `jc:sa` | justify-content | `space-around` |
| `jc:sb` | justify-content | `space-between` |
| `jc:se` | justify-content | `space-evenly` |

### Media Queries

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

| Class | Properties | Value |
|-------|------------|-------|
| `jc:c` | justify-content | `center` |
| `jc:fe` | justify-content | `flex-end` |
| `jc:fs` | justify-content | `flex-start` |
| `jc:n` | justify-content | `normal` |
| `jc:s` | justify-content | `stretch` |
| `jc:sa` | justify-content | `space-around` |
| `jc:sb` | justify-content | `space-between` |
| `jc:se` | justify-content | `space-evenly` |

### Pseudo Classes

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

| Class | Properties | Value |
|-------|------------|-------|
| `jc:c` | justify-content | `center` |
| `jc:fe` | justify-content | `flex-end` |
| `jc:fs` | justify-content | `flex-start` |
| `jc:n` | justify-content | `normal` |
| `jc:s` | justify-content | `stretch` |
| `jc:sa` | justify-content | `space-around` |
| `jc:sb` | justify-content | `space-between` |
| `jc:se` | justify-content | `space-evenly` |