# Divider

The element is used to create visual **separations between different content sections** on your website. These simple yet effective dividers help improve readability and create a clear structure on the page. Dividers can be used in various styles and designs.

<figure><img src="/files/cCYKKL2dw5AmvbK1F0Lv" alt=""><figcaption></figcaption></figure>

### General Settings

<figure><img src="/files/9n5QAWNwsvMg4Uyz0y7n" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="252">Function</th><th>Description</th></tr></thead><tbody><tr><td>Divider Type (1)</td><td>The line type of the divider. Either <strong>solid</strong>, <strong>dotted</strong>, <strong>dashed</strong>, or <strong>double</strong>.</td></tr><tr><td>Divider Content (2)</td><td>Here you can choose whether to set a <strong>heading</strong>, an <strong>icon</strong>, or <strong>nothing</strong> with the line.<br><br><a data-mention href="/pages/vYopMubFoh9fbp8dHU45">/pages/vYopMubFoh9fbp8dHU45</a></td></tr><tr><td>Heading (3)</td><td>Set the heading that will be displayed together with the lines of the divider.</td></tr></tbody></table>

### Layout Settings

<figure><img src="/files/2vQrsv76G7wieiRwFp4K" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="252">Function</th><th>Description</th></tr></thead><tbody><tr><td>Divider Color (1)</td><td>Set the general color here</td></tr><tr><td>Divider Width (2)</td><td>Here you can set the width of the entire element</td></tr><tr><td>Divider Height (3)</td><td>This determines the thickness of the lines</td></tr><tr><td>Vertical Alignment (4)</td><td>This function comes into play when the divider is placed next to another element</td></tr><tr><td>Horizontal Alignment (5)</td><td>Here you determine how the <strong>icon</strong> or the <strong>heading</strong> interacts with the lines.</td></tr></tbody></table>

### SEO Settings

{% content-ref url="/pages/LHlzFdFr8hVLrftTJKPh" %}
[SEO](/cms-bundle/en/elemente/konfigurationsbausteine/seo.md)
{% endcontent-ref %}


---

# 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://docs.rh-webdesign.com/cms-bundle/en/elemente/inhalt-content/trennlinien-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.