# Place Content

Set the content justification & alignment simultaneously.

**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 |
|-------|------------|-------|
| `pc:bs` | place-content | `baseline start` |
| `pc:c` | place-content | `center` |
| `pc:e` | place-content | `end` |
| `pc:s` | place-content | `start` |
| `pc:sa` | place-content | `space-around` |
| `pc:sb` | place-content | `space-between` |
| `pc:se` | place-content | `space-evenly` |
| `pc:ss` | place-content | `stretch stretch` |

### Media Queries

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

| Class | Properties | Value |
|-------|------------|-------|
| `pc:bs` | place-content | `baseline start` |
| `pc:c` | place-content | `center` |
| `pc:e` | place-content | `end` |
| `pc:s` | place-content | `start` |
| `pc:sa` | place-content | `space-around` |
| `pc:sb` | place-content | `space-between` |
| `pc:se` | place-content | `space-evenly` |
| `pc:ss` | place-content | `stretch stretch` |

### Pseudo Classes

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

| Class | Properties | Value |
|-------|------------|-------|
| `pc:bs` | place-content | `baseline start` |
| `pc:c` | place-content | `center` |
| `pc:e` | place-content | `end` |
| `pc:s` | place-content | `start` |
| `pc:sa` | place-content | `space-around` |
| `pc:sb` | place-content | `space-between` |
| `pc:se` | place-content | `space-evenly` |
| `pc:ss` | place-content | `stretch stretch` |