Divider

Create dividers to separate content.

Default

Add only <hr> element to create a divider with some decoration.

content
content
content

content
<hr>

Divider text

Some title

Some title

Some title

<!-- center -->
<h3 class="divider">Some title</h3>

<!-- left -->
<h3 class="divider divider-left">Some title</h3>

<!-- right -->
<h3 class="divider divider-right">Some title</h3>

Divider elements

Domínios

<div class="flex-xs flex-xs-middle pos-relative">
  <h3 class="divider divider-left">Domínios</h3>
  <div class="bg-white pl-3 pos-absolute right">
    <a class="btn btn-accent btn-fab btn-sm" href="#" role="button">
    	<span class="icon icon-add"></span>  
    </a>
  </div>
</div>