> For the complete documentation index, see [llms.txt](https://setka.gitbook.io/help-center/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://setka.gitbook.io/help-center/content-design-system-manager/dividers.md).

# Dividers

## Why do I need dividers?

Dividers have many functions. They can be used in overhangs and infographics as well as for isolating text. It all depends on your needs.

## Adjusting the divider

### Width

Click **Dividers** > **Width**. You can specify the length in pixels (px) or percent (%). The divider's final width in percent will be calculated based on the element's width (post/grid/column) into which the divider is inserted.

### Thickness

Click **Dividers > Thickness**. You can specify the thickness in pixels (px).

### Color

Click **Dividers > Color**. You can specify the color by selecting it in the palette or specifying a color code.

### Alignment

If the divider width is smaller than 100%, you can select the alignment type – to the left, the center, or the right. To do so, click **Dividers**, open the **Alignment** menu, and select center/left/right.

{% embed url="<https://drive.google.com/file/d/1-NjTBk6W-h7-b3aZT2JBK3XdR0ilYEzH/view?usp=sharing>" %}
Video tutorial on how to add alignment to dividers in the Content Design System Manager
{% endembed %}