> ## Documentation Index
> Fetch the complete documentation index at: https://www.courier.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Divider Blocks

> Add horizontal dividers in Design Studio. Set color, thickness, and style for email and other channels.

Divider blocks add horizontal lines between sections. Use them to separate content visually (e.g. header from body, footer from main content).

## Adding a divider block

1. In Design Studio, select a channel.
2. Add a **Divider** block from the block sidebar or toolbar.
3. Place it between blocks where you want a horizontal line.
4. Adjust color, thickness, or style in the block settings.

<Frame caption="Divider Block">
  <img src="https://mintcdn.com/courier-4f1f25dc/kP89ont3skGKuAuV/assets/platform/content/designer-v2/designer-v2-divider-new.png?fit=max&auto=format&n=kP89ont3skGKuAuV&q=85&s=c3185de546fee7a3b1631442926d0d5c" alt="Divider block in Design Studio" width="2008" height="938" data-path="assets/platform/content/designer-v2/designer-v2-divider-new.png" />
</Frame>

## Divider settings

* **Color** – Line color. You can use brand or channel-specific colors.
* **Size / thickness** – Line thickness.
* **Radius** – Optional rounded corners or style variants.

<Frame caption="Divider Settings">
  <img src="https://mintcdn.com/courier-4f1f25dc/kP89ont3skGKuAuV/assets/platform/content/designer-v2/designer-v2-divider-settings.png?fit=max&auto=format&n=kP89ont3skGKuAuV&q=85&s=ecf0cce4b9e18feb8b930e26a7590316" alt="Divider settings in Design Studio" width="1708" height="842" data-path="assets/platform/content/designer-v2/designer-v2-divider-settings.png" />
</Frame>

## Related

<CardGroup cols={2}>
  <Card title="Spacer Blocks" icon="arrows-up-down" href="./spacer-blocks">
    Vertical spacing
  </Card>

  <Card title="Overview" icon="book" href="./design-studio-block-basics">
    Content blocks v2 basics
  </Card>
</CardGroup>
