# Divider

> A hairline between blocks – full width or shorter, aligned like the section or on its own – with space above and below.

Tally theme documentation · HTML version: https://themelab.page/tally/docs/blocks/divider/

## At a glance

- **In the editor:** Divider
- **Where it goes:** The Section section and inside Groups
- **Settings:** 3

## Options

- **Width:** 10–100%. A short line (20–30%) makes an elegant separator under a heading.
- **Space above and below:** 0–96 px.
- **Alignment:** *Like the section*, or left, center or right.

The line follows **Line thickness** in **Theme settings › Shapes** and the line color of the color scheme.

## All settings

**Block: Divider** (3 settings, in editor order)

| Setting | Options | Default |
| --- | --- | --- |
| **Width** | 10–100% (step 5) | 100% |
| **Space above and below** | 0–96px (step 4) | 8px |
| **Alignment** | Like the section · Left · Center · Right | Like the section |

## Related

- [Spacer](https://themelab.page/tally/docs/blocks/spacer.md): Empty space between blocks, with its own height on mobile.
- [Section](https://themelab.page/tally/docs/sections/section.md): Build any section from blocks – headings, text, buttons, images, spacers, dividers and nestable groups.
