Style Guide

To add styling to items in the Pages Sidebar widget, HTML tags must be used. HTML tags instruct a user’s web browser how to display content placed between the tags. Examples on this page can be used by copying & pasting the code.

Header 1

<h1>Header 1</h1>

Header 2

<h2>Header 2</h2>

Header 3

<h3>Header 3</h3>

Header 4

<h4>Header 4</h4>
Header 5
<h5>Header 5</h5>
Header 6
<h6>Header 6</h6>

This is some Header 4 text above a paragraph.

This is a paragraph. Sed facilisis turpis a justo rutrum, sit amet vulputate neque sodales.

This is another paragraph. Curabitur laoreet libero vel turpis accumsan sagittis. Ut sed massa faucibus, blandit enim in, facilisis augue. Curabitur non laoreet enim, at tristique lacus. Nulla facilisi.

<p>This is a paragraph...</p>
<p>This is another paragraph...</p>

Add line breaks to add blank lines:

A line of text.<br>
Text on the next line. <br>
<br>
<br>
A line of text after 2 empty lines.

This is bold text

<b>bold</b>

This is italic text

<i>italic</i>

This is underlined text

<u>underlined</u>

Add a horizontal line:

<hr>

Orange Alert

<span class="orange button">Orange Alert</span>

Orange Button Link

<a href="http://www.website.com/link.html" class="orange button">Orange Button Link</a>

Dark Alert

<span class="dark button">Dark Alert</span>

Dark Button Link

<a href="http://www.website.com/link.html" class="dark button">Dark Button Link</a>