Divider

A divider splits portions of content horizontally.

Basic examples

A divider occupies the full extent of the parent container. See the available types.

<div class="divider"></div>
<div class="divider divider-dotted"></div>
<div class="divider divider-dashed"></div>
<div class="divider divider-gradient"></div>

With an element in the center

Are available some dividers with elements in the center.

<div class="divider divider-square"></div>
<div class="divider divider-circle"></div>
<div class="divider divider-diamond"></div>
<div class="divider divider-arrow"></div>
Loading...