Dividers

Dividing Your Content Beautifully

Qualia includes 7 styles of horizontal line or more familiar called as page divider. You can set the horizontal line styles whether it is solid line, dashed line, dotted line, double solid line, double dashed line, double dotted line, or bold line. You can optionally write a short text inside the divider, even incorporating Font Awesome Icons into it, and set how the text alignment inside the divider. Even more, you can set the width of the divider by pixels or percentage of the container.

Solid Line

Sed tincidunt tortor eu sodales bibendum. Donec a tempor mi. Suspendisse iaculis ultricies erat, nec fermentum mauris vulputate in. Integer quis diam blandit, placerat risus sit amet, porttitor leo. Aliquam ac lacinia leo.

shadow-ornament

Dashed Line

Sed tincidunt tortor eu sodales bibendum. Donec a tempor mi. Suspendisse iaculis ultricies erat, nec fermentum mauris vulputate in. Integer quis diam blandit, placerat risus sit amet, porttitor leo. Aliquam ac lacinia leo.

shadow-ornament

Dotted Line

Sed tincidunt tortor eu sodales bibendum. Donec a tempor mi. Suspendisse iaculis ultricies erat, nec fermentum mauris vulputate in. Integer quis diam blandit, placerat risus sit amet, porttitor leo. Aliquam ac lacinia leo.

shadow-ornament

Double Solid Line

Sed tincidunt tortor eu sodales bibendum. Donec a tempor mi. Suspendisse iaculis ultricies erat, nec fermentum mauris vulputate in. Integer quis diam blandit, placerat risus sit amet, porttitor leo. Aliquam ac lacinia leo.

shadow-ornament

Double Dashed Line

Sed tincidunt tortor eu sodales bibendum. Donec a tempor mi. Suspendisse iaculis ultricies erat, nec fermentum mauris vulputate in. Integer quis diam blandit, placerat risus sit amet, porttitor leo. Aliquam ac lacinia leo.

shadow-ornament

Double Dotted Line

Sed tincidunt tortor eu sodales bibendum. Donec a tempor mi. Suspendisse iaculis ultricies erat, nec fermentum mauris vulputate in. Integer quis diam blandit, placerat risus sit amet, porttitor leo. Aliquam ac lacinia leo.

shadow-ornament

Bold Line

Sed tincidunt tortor eu sodales bibendum. Donec a tempor mi. Suspendisse iaculis ultricies erat, nec fermentum mauris vulputate in. Integer quis diam blandit, placerat risus sit amet, porttitor leo. Aliquam ac lacinia leo.

shadow-ornament

Incorporating with Text

Sed tincidunt tortor eu sodales bibendum. Donec a tempor mi. Suspendisse iaculis ultricies erat, nec fermentum mauris vulputate in. Integer quis diam blandit, placerat risus sit amet, porttitor leo. Aliquam ac lacinia leo.

shadow-ornament

Set Text Alignment to Center

Sed tincidunt tortor eu sodales bibendum. Donec a tempor mi. Suspendisse iaculis ultricies erat, nec fermentum mauris vulputate in. Integer quis diam blandit, placerat risus sit amet, porttitor leo. Aliquam ac lacinia leo.

shadow-ornament

Set Text Alignment to Right

Sed tincidunt tortor eu sodales bibendum. Donec a tempor mi. Suspendisse iaculis ultricies erat, nec fermentum mauris vulputate in. Integer quis diam blandit, placerat risus sit amet, porttitor leo. Aliquam ac lacinia leo.

shadow-ornament

Set Width to 50% of Container’s Total Width

Sed tincidunt tortor eu sodales bibendum. Donec a tempor mi. Suspendisse iaculis ultricies erat, nec fermentum mauris vulputate in. Integer quis diam blandit, placerat risus sit amet, porttitor leo. Aliquam ac lacinia leo.

shadow-ornament

Centering the Divider

Sed tincidunt tortor eu sodales bibendum. Donec a tempor mi. Suspendisse iaculis ultricies erat, nec fermentum mauris vulputate in. Integer quis diam blandit, placerat risus sit amet, porttitor leo. Aliquam ac lacinia leo.

shadow-ornament

Aligning the Divider to the Right

Sed tincidunt tortor eu sodales bibendum. Donec a tempor mi. Suspendisse iaculis ultricies erat, nec fermentum mauris vulputate in. Integer quis diam blandit, placerat risus sit amet, porttitor leo. Aliquam ac lacinia leo.

shadow-ornament

Incorporate with Font Awesome Icons

Sed tincidunt tortor eu sodales bibendum. Donec a tempor mi. Suspendisse iaculis ultricies erat, nec fermentum mauris vulputate in. Integer quis diam blandit, placerat risus sit amet, porttitor leo. Aliquam ac lacinia leo.

shadow-ornament

Sed tincidunt tortor eu sodales bibendum. Donec a tempor mi. Suspendisse iaculis ultricies erat, nec fermentum mauris vulputate in. Integer quis diam blandit, placerat risus sit amet, porttitor leo. Aliquam ac lacinia leo.

shadow-ornament