Divider

Create dividers to separate content.

Default

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

content

<hr>

Align

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>

Introduction

When you need a subheading with divider, use .sub-section. For change positions, .sub-center and .sub-right.

Wordpress

<span class="subheading sub-section">Wordpress</span>
<hr />
<span class="subheading sub-section sub-center">Wordpress</span>
<hr />
<span class="subheading sub-section sub-right">Wordpress</span>

With 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>