# Divider

There are many ways to draw a horizontal separator in HTML and CSS. The right way will depend on each case. In this article, we're gonna show you the main ways to do it.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FykSi6ZeYchYVeTa8alSu%2Fimage.png?alt=media&#x26;token=f97eb4b3-6fc5-4f21-a73e-019fed1032d8" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Add section**
2. Locate **Divider**
3. **Save**
   {% endhint %}

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2F3ArCzez7V3u73vhGUW8S%2Fimage.png?alt=media&#x26;token=6d9838ea-a205-4314-b027-99e26302a931" alt=""><figcaption></figcaption></figure>