Dividers & Separators

The template suports multiple ways for the dividers to be added. Standalone hr element or base elements with classes class="divider".

This is a headline for followed by a short, decorative divider

---

The above divider is a standalone element hr with the class class="red".

---

Above this headline is an example of a Horizontal Rule

---

The above divider is a standalone element hr with the class class="red".

Example of paragraph text with separator

The above divider is a p element with the class class="separator".
‹p class="separator"›...‹/p›

Example of h2 with separator

The above divider is a h2 element with the class class="separator".
‹h2 class="separator"›...‹/h2›

Example of h3 with separator

The above divider is a h3 element with the class class="separator".
‹h3 class="separator"›...‹/h3›

Example of h4 with separator

The above divider is a h4 element with the class class="separator".
‹h4 class="separator"›...‹/h4›

Example of h5 with separator

The above divider is a h5 element with the class class="separator".
‹h5 class="separator"›.‹/h5›

Example of h6 with separator

The above divider is a h6 element with the class class="separator".
‹h6 class="separator"›...‹/h6›

h2 with divider

The above decorative divider is a h2 element with the class class="divider".
‹h2 class="divider"›...‹/h2›

Example of h3 with divider

The above decorative divider is a h3 element with the class class="divider".
‹h3 class="divider"›...‹/h3›

Example of h4 with divider

The above decorative divider is a h4 element with the class class="divider".
‹h4 class="divider"›...‹/h4›

Example of h5 with divider

The above decorative divider is a h5 element with the class class="divider".
‹h5 class="divider"›...‹/h5›

Example of h6 with divider

The above decorative divider is a h6 element with the class class="divider".
‹h6 class="divider"›...‹/h6›