Divider
An element designed to visually separate or partition others.
Defaults
To create a divider, create an element with the class divider
.
Some content
More content
<p>Some content</p>
<hr class="divider" />
<p>More content</p>
Orientation
You can change the direction of a divider by adding the classes horizontal
(default) or vertical
.
Some content
More content
<div class="card secondary">
<div class="horizontal flow">
<p>Some content</p>
<hr class="divider vertical" />
<p>More content</p>
</div>
</div>
Visibility
To add space between elements without a visible line, add the class invisible
.
Some content
More content
<p>Some content</p>
<hr class="divider invisible" />
<p>More content</p>