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
<p>Some content</p>
<hr class="divider vertical" />
<p>More content</p>Thickness
To make the Divider thicker, add the class thick (to make it a little thicker) or thicker (to make it significantly thicker).
Some content
More content
Even more content
More content
Even more content
<p>Some content</p>
<hr class="divider thick" />
<div class="stack horizontal no-gap">
<p>More content</p>
<hr class="divider thick vertical" />
<p>Even more content</p>
</div>
<hr class="divider thicker" />
<div class="stack horizontal no-gap">
<p>More content</p>
<hr class="divider thicker vertical" />
<p>Even more content</p>
</div>Pattern
You can change the pattern of a Divider by adding the classes dashed or dotted.
Some content
More content
Even more content
<p>Some content</p>
<hr class="divider dashed" />
<p>More content</p>
<hr class="divider dotted" />
<p>Even more content</p>Visibility
To add space between elements without a visible line, create a Divider with the class invisible.
Some content
More content
<p>Some content</p>
<hr class="divider invisible" />
<p>More content</p>