Divider

A divider marks a break between blocks. It is the <hr> element, themed to one thin line, with a small class when you want a word in the rule.

<p>Above the break.</p>
<hr>
<p>Below the break.</p>
A rule between two paragraphs

A rule

A plain <hr> draws a full-width line at the system gap. No class needed.

First block.


Second block.

<p>First block.</p>
<hr>
<p>Second block.</p>
A plain horizontal rule

A labelled break

Add class="divider" to set a short label in the middle of the rule.

Section
<div class="divider">Section</div>
A rule carrying a centred label