# Divider

**Dividers** are horizontal lines used to separate content sections, creating visual hierarchy and improving content organization. They help users scan and navigate through content more effectively by providing clear visual breaks.

## Style settings

<table><thead><tr><th width="190">Property</th><th>Description</th></tr></thead><tbody><tr><td><strong>Line</strong></td><td></td></tr><tr><td>Color</td><td>Select from brand color options like "Brand/Border" for consistent styling across the design system.</td></tr><tr><td>Thickness</td><td>Adjust the slider to control the thickness of the divider line.</td></tr><tr><td><strong>Numbering</strong></td><td></td></tr><tr><td>Background color</td><td>Select the color that appears behind the divider, such as "Background/Primary" to maintain consistent background styling.</td></tr><tr><td>Alignment</td><td><p>Choose how the divider aligns horizontally:</p><ul><li>Left-aligned</li><li>Center-aligned</li><li>Right-aligned</li></ul></td></tr><tr><td>Height</td><td>Set the vertical space the divider occupies.</td></tr><tr><td>Width<br></td><td>Set the horizontal length of the divider.</td></tr><tr><td>Rounding<br></td><td>Adjust the slider to control corner roundness of the divider container.</td></tr><tr><td>Display border</td><td>Select "Yes" or "No" to add or remove an additional border around the divider.</td></tr><tr><td>Border color</td><td>Select from brand color options or from the palette.</td></tr><tr><td>Thickness</td><td>Adjust the slider to control the thickness of the border.</td></tr><tr><td><strong>Effects</strong></td><td></td></tr><tr><td>Divider shadow</td><td>Click the "+" icon to add shadow effects. Select from shadow styles: None, Soft, Regular, or Retro. </td></tr><tr><td><strong>Double line</strong></td><td></td></tr><tr><td>Margin between lines</td><td>Adjust this value to control the space between the two dividers.</td></tr></tbody></table>

## Typography settings

The **Typography** tab allows you to configure the appearance of numerical markers in dividers:

* Font
* Style
* Size
* Line spacing
* Color of numbers

For details on how to configure each parameter, see [Typography and fonts](/branding/create-branding/typography-and-fonts.md).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.parta.io/branding/create-branding/elements/divider.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.