Page Divider

---

One way to help segment information is to create a line between sections. Dividers are an easy way to chunk a page and add interest. Try to be consistent in how you use your dividers to help students understand how your course is organized.

Simple Grey Divider Code

---

 

<hr>

Note:

Just place this code where you want in the HTML Editor - no need to add a closing </hr>

 

Double Line

---

 

<hr style="border: 0; border-top: 5px double #2c3b8f;" />

 

Double Dotted Line

 

<div class="aligncenter" style="width: 100%; height: 3px; border-top: 2px dotted #FF0000; border-bottom: 2px dotted #FF0000; font-size: 0;">-</div>

 

Instructions

1. Copy the code;
2. Edit the page in which you'd like the line;
3. From the Rich Content Editor, toggle to the HTML editor;
4. Locate the spot where you want your line, and paste in the code;
5. Toggle back to the RCE, and Save your page. 

• Duration
• 0:47

 

Modify the Appearance of a Double Line Horizontal Rule

You can change both the thickness and the color of a double horizontal rule.

Thickness

To change the thickness, increase or decrease the pixels:

<hr style="border: 0; border-top: 5px double #000000;" />

---

Color

To change the color, insert a new hex code:

<hr style="border: 0; border-top: 15px double #000000;" />

---

 

• Duration
• 0:57