Horizontal Line Divider

One way to help segment information is to create a line between sections, called a horizontal rule. According to web design guidelines, a horizontal rule indicates a thematic break or shift in topic. Here are two line designs you can use to create this shift.

Single line divider

The first is very simple:

To insert this line:

  1. In the RCE, toggle to the HTML editor;
  2. Locate the spot where you want your line, and type in <hr>
  3. Toggle back to the RCE, and Save your page. 

Double line divider

The second is a little more visible:

Instructions

To insert this line:

  1. Copy the code, below;
  2. Edit the page in which you'd like the line;
  3. From the RCE, 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. 

Code

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

 

Modify the Appearance of a Double Line Horizontal Rule

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

To change the thickness, increase or decrease the pixels:

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

 

To change the color, insert a new hex code:

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