##  [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.