---
url: 'https://dxpr.com/hc/documentation/learn-dxpr-builder/drag-and-drop-elements/divider'
title: Divider
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2023-11-06T09:29:20+00:00'
updated: '2023-11-06T09:29:41+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: documentation
tags:
  - 'Drag and drop elements'
published: true
---
##  [Divider](/hc/documentation/learn-dxpr-builder/drag-and-drop-elements/divider) 















Improve the clarity and scannability of your text using Dividers to create sections in your web content.

Follow the steps below to start using the Divider element in your website:

1. Click on the **+** icon
2. Go to the **Content** tab
3. Click on the **Divider** element
4. Click on the **Pencil icon** by the divider toolbar
5. *Optionally,* Set a custom color for the **Divider**
6. *Optionally,* you can set a custom width for the divider in the **Thickness** field
7. *Optionally,* you can set a custom length for the divider in the **Length** field
8. *Optionally,* set the alignment of the divider in Align, choose **Left, Right** or **Center**
9. Once you’ve selected your preferred settings, you can click on **Save Changes** and you're done!

If you're using DXPR Theme alongside the DXPR Builder module you can also set default options for the styling of dividers.