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