# Divider

The Divider section creates a straight line with customizable colors.

<figure><img src="https://2603381870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzHrRp9fYeFj0SVV6k2dP%2Fuploads%2FsxDQrJvNHdxbNVmuMk6s%2Fimage.png?alt=media&#x26;token=5e3e6a97-0b92-4ba3-8634-bd31c6d4c1e1" alt=""><figcaption></figcaption></figure>

## Section settings

### General setting

<table data-full-width="false"><thead><tr><th width="143">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Section width</td><td><p></p><p>3 options for container</p><ul><li>Stretch width: span the section width regardless of screen size.</li><li>Fix width: depends on your page content width in <strong>Theme settings</strong> <strong>-></strong> <strong>Layout</strong>.</li><li>Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.</li></ul></td></tr><tr><td>Height</td><td>Customize the line's height. Minimum: 1. Maximum: 10</td></tr><tr><td>Color</td><td>The color of the line</td></tr><tr><td>Type</td><td><p>3 options for type</p><ul><li><strong>Solid:</strong> Specifies a solid border</li><li><strong>Dashed:</strong> Specifies a dashed border</li><li><strong>Double:</strong> Specifies a double border</li></ul></td></tr></tbody></table>

### Section padding

* **Top padding:** Customize the top margin of the section
* **Bottom padding:** Customize the bottom margin of the section