January 15, 2015

Divider Line Styles Example

Divider Lines

Divider lines are a great way to improve the readability and structure of your content. In this "DFY" Website Template, you have several divider line styles you can choose from and very easily insert in your content with a simple short code.

Default (Full) Divider

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a facilisis lorem. In hac habitasse platea dictumst. Ut nunc metus, elementum in tortor et, tincidunt porta neque. Cras tempor, orci sit amet iaculis sodales, magna ligula scelerisque enim, in mollis tortor ipsum non felis.

Left Aligned Divider

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a facilisis lorem. In hac habitasse platea dictumst. Ut nunc metus, elementum in tortor et, tincidunt porta neque. Cras tempor, orci sit amet iaculis sodales, magna ligula scelerisque enim, in mollis tortor ipsum non felis.

Right Aligned Divider

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a facilisis lorem. In hac habitasse platea dictumst. Ut nunc metus, elementum in tortor et, tincidunt porta neque. Cras tempor, orci sit amet iaculis sodales, magna ligula scelerisque enim, in mollis tortor ipsum non felis.

Centered Divider

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a facilisis lorem. In hac habitasse platea dictumst. Ut nunc metus, elementum in tortor et, tincidunt porta neque. Cras tempor, orci sit amet iaculis sodales, magna ligula scelerisque enim, in mollis tortor ipsum non felis.

Page Split Style Divider

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a facilisis lorem. In hac habitasse platea dictumst. Ut nunc metus, elementum in tortor et, tincidunt porta neque. Cras tempor, orci sit amet iaculis sodales, magna ligula scelerisque enim, in mollis tortor ipsum non felis.

This is how the HTML Code looks that created the Divider Line above.

Enter HTML Code here

2nd Admin

Click Here to Leave a Comment Below

Leave a Reply: