> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Horizontal Line

# Getting Started

You can add the Horizontal Line element to your website for various purposes. This article will cover how you can add this element to your website and follow the given instructions accordingly.

---

# Adding the Horizontal Line element

To add a **Horizontal Line** to your website, follow the steps below.

- Click on + **Add Element or Containers** in an empty Container
- From the **Elements** option, select the **Horizontal Line** element

**Refer to the GIF below:**


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2023-12-28-at-54_fbtjyn.gif)


![Horizontal Line Element](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1rp0tl6.png)


![Horizontal Line element in site dashboard](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_9lza1b.png)

---

# Editing the Horizontal Line Element

Follow the steps and instructions below to add and edit the **Horizontal Line** element on your site.

The **Horizontal Line** element editor has the following options:

- Line Width and Height
- Line Background

The **Horizontal Line** element editor**:**

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1fujunk.png)

---

## Line Width and Height

This option lets you customize your horizontal line with settings like changing the width, height, and alignment of the horizontal line

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2023-12-28-at-55_7i9v08.gif)

---

## Line Background

This option allows you to change the color of your horizontal line. You can choose a solid color or apply a gradient to the line background.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2023-12-28-at-55_67iivo.gif)

---

---

# Related articles


[Icon with Text](/en/article/icon-with-text-3adyb8/)


[Custom Code Element](/en/article/custom-code-element-1igm3qa/)