LumoCSS logoLumoCSS logo
Content

Divider

A thematic break between content.

Between two paragraphs

Content above the divider.

Content below the divider.

<p>Content above the divider.</p>
<hr>
<p>Content below the divider.</p>

Among two columns

Column 1

Column 2

<section data-layout="grid">
    <article role="region" class="align-center">
        <p>Column 1</p>
    </article>
    <hr aria-orientation="vertical">
    <article role="region" class="align-center">
        <p>Column 2</p>
    </article>
</section>