Divider

Use display utilities to quickly style the display of an element.

Basic Divider

The example divider below allows you to separate section with this basic divider element.

<div class="divider"></div>

With Label

The example divider below allows you to add text label with this basic divider element.

<div class="divider"><span>Example Text</span></div>

Vertical Divider

A divider variant with vertical display and with text in the center of the divider element.

<div class="divider divider-vertical"></div>

<div class="divider divider-vertical"><span>AND</span></div>

Label Alignment

A divider variant with label alignment wheather in the center, left or right.

<div class="divider divider-start"><span>Example Text</span></div>
<div class="divider divider-end"><span>Example Text</span></div>

<div class="divider divider-vertical divider-top"><span>AND</span></div>
<div class="divider divider-vertical divider-bottom"><span>AND</span></div>