January 15

Divider Line Styles Example

0  comments

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[divider style=’full’]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[divider style=’left’]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[divider style=’right’]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[divider style=’centered’]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[divider style=’split’]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


Tags


You may also like

TCB Custom HTML Element

TCB Credit Card Icons Example

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}

Subscribe to our newsletter now!