HTML: Horizontal Lines

When using Canvas, is it best practice to break up large pages of text into more easily digested chunks. One quick and easy way to do this is to use horizontal lines. Just copy, paste, & personalize the code snippet below!

Steps to Create a Horizontal Line

1. Select and copy the code snippet:

<hr style="border: 4px solid blue;" />

2. Navigate to an existing Canvas page and go to Edit. Switch to HTML Editor.

3. Paste the code above & switch back to Rich Content Editor to view the results.

4. To modify the code to make the line thicker or a different color:

• Raise the number of pixels (yellow highlighted text in the code snippet) to make it thicker.
• Replace the blue highlighted text in the code snippet with the color you want to use.

Hex Color Code Example

If you know the hex color code for the color you'd like to use, use the code snippet below and replace the blue-highlighted text with the hex color code for your desired color.

 <hr style="border: 2px solid#5b9aa0;" />