Divider

Visually separate your content

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-text and wrapped by .divider to 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 .divider to change the text position

Left
Left Center
Center
Right Center
Right