> For the complete documentation index, see [llms.txt](https://nextsky-2.gitbook.io/milano-shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky-2.gitbook.io/milano-shopify/theme-sections/divider.md).

# 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&amp;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&amp;token=6d9838ea-a205-4314-b027-99e26302a931" alt=""><figcaption></figcaption></figure>