Divider

A Component

Default

You can use default divider with <hr>


Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident nostrum numquam reprehenderit facilis. Dolor blanditiis commodi voluptate esse voluptatum aut natus,distinctio at,officiis ipsam molestiae doloribus ratione corrupti dolorum.

Divider with Text

Use .divider-textand wrapped by .dividerto create a divider text

Hello there!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident nostrum numquam reprehenderit facilis. Dolor blanditiis commodi voluptate esse voluptatum aut natus,distinctio at,officiis ipsam molestiae doloribus ratione corrupti dolorum.

Divider Position

Use .divider-{left|left-center|right-center|right}and with .dividerto change the text position

Left
Left Center
Center
Right Center
Right