---
layout: documentation
title: Divider
---

<main class="container">
    <h1>Divider</h1>
    <p>A divider visually segments content into groups</p>
    <hr class="hdivider">

    <h2>Horizontal</h2>
    <p>A standard horizontal divider</p>
    <html-preview>
        <span>This content is above divider</span>
        <div class="hdivider"></div>
        <span>This content is below divider</span>
    </html-preview>

    <h2>Vertical</h2>
    <p>A standard vertical divider</p>
    <html-preview>
        <s