January 15, 2015
- in Shortcodes by 2nd Admin
Divider Line Styles Example

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