---
title: Horizontal Divider
slug: docs/horizontal-divider
docTags: 
createdAt: 2024-07-24T11:15:42.499Z
---

![](https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-DAVFp7TYyWYGS3qQVb1xL-20240820-092945.png)

A Horizontal Divider is like a pause button for your content. It's a simple line that separates different sections of your document, making it easier to read and understand. Think of it as a visual break that helps your readers catch their breath.

## When to use it

- **To separate sections**
- Divide your content into clear and distinct blocks.
- **To create visual hierarchy**
- Emphasize important sections or create a sense of progression.
- **To improve readability**
- Break up long blocks of text for easier digestion.

## How to add a Horizontal Divider block

There are two ways to insert a horizontal divider in editor:

1. Type `/` to opent the Archbee block menu, then search for **horizontal divider**.

::Image[]{src="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-fokFqAayVI5b-3OrSATcx-20240820-091800.png" darkSrc="https://archbee-image-uploads.s3.amazonaws.com/K_JWZranXy1tD6qvlG2v6-ermOPYLQEG5VAz_dgWP6N-20240820-091808.png" size="100" width="3040" height="1332" darkWidth="3040" darkHeight="1332" position="center" caption="Add Horizontal Divider block" showCaption="true" indent="2"}

2. Use the markdown shortcut: `---` + `space bar`

Check [here](docId:9aaCRqJMq9JnYvzSgNOfs) for more markdown shortcuts.


***

::::LinkArray{contentSource="CUSTOM"}
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"}
:FontAwesome[]{icon="fa-solid fa-cubes"}  ** Find other blocks**

Discover new ways and blocks to create stunning and functional documentation pages.

[Check out all blocks](docId:6B0VTQTVUnMP93e-SZQ2p) 
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"}
:FontAwesome[]{icon="fa-solid fa-headset"}**  Need help?  ⬇️**

Use the **blue** **chat bubble **from bottom right corner.

Or try **AI Chat** (from search box) for quick answers.
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"}
:FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}**   Your opinion matters**

Use the below feedback form, anonymously.

Or ask a question in **Q\&A section** and our team or AI will give you a solution.
:::
::::