> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/options/static-option-type/divider-and-spacing.md).

# Divider & Spacing

<figure><img src="/files/BgJAqre1DCRz4ojCezdV" alt=""><figcaption></figcaption></figure>

#### ➖ Divider Element

Use this to add a visual break between sections on your form.

**⚙️ Settings:**

* **Color** – Set the color of the line.
* **Style** – Choose how the line looks:
  * Solid
  * Double
  * Dashed
  * Dotted
* **Thickness (px)** – Adjust how thick the line appears.
* **Conditional Logic** – Show/hide based on other field values.
* **HTML Class** – Add custom CSS class for styling.
* **Column Width** – Control how wide the divider spans.

<figure><img src="/files/0jdjcGeJA1z2KjgaWV0Y" alt=""><figcaption></figcaption></figure>

***

#### ⬜ Spacing Element

Use this to create vertical space between elements.

**⚙️ Settings:**

* **Height (px)** – Set how much vertical space to add.
* **Conditional Logic** – Show/hide space based on user selection.
* **HTML Class** – Add custom class for advanced styling.
* **Column Width** – Adjust how much horizontal space it takes up.

<figure><img src="/files/MwtpClrmkGJdKK3OsR3D" alt=""><figcaption></figcaption></figure>

📧 **Need Help?**\
If you run into any issues while setting up your option set, feel free to reach out to us at **Chat** or email [**contact@globo.io**](mailto:contact@globo.io)**.**

We’re always here and happy to help — with sincerity and care!