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!

Use the tabs for more customization options.

 

Anatomy of the Code Snippet

_div style=_background-color_ #ebedee; padding_ 20px 20px 20px 20px; overflow_ hidden;__Your Text Here__div_ (1).png  

 

Examples 


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


<hr style="border: 2px solid green;" /> 

  

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.