Heading Rule with Text

---

The Heading Rule with Text snippet allows you to create a heading rule or horizontal line with text on top. This snippet allows you to set custom text, select alignment of your text, enable italics, and change the size of the text. Use this snippet to create a break in content on your page.

 Do not use this component as a replacement for headings using the WYSIWYG dropdown. Doing so can negatively affect search engine optimization as well as accessibility.

 

Snippet Options

---

TEXT-SIZE

Changes the size of the text over the horizontal line.

• SMALL
• MEDIUM
• LARGE

 

TEXT-ALIGNMENT

Controls the alignment of the text over the horizontal line.

• LEFT
• CENTER
• RIGHT

 

ITALICS

Changes the text to display italicized.

• YES
• NO

 

 

Snippet Columns

---

TEXT

Set the text to display over the horizontal line.

 Text Only, additional content will be removed.

 

 

Examples

---

Heading Rule with Text snippets are being replaced with a new component. View the Heading Rule with Text Component example page for examples of styles and replace any snippet in the process.

Component Examples