Borders

Borders can help create clear divisions between information on a page to help students navigate the information presented.

 

This is a sample border

 

Anatomy of Code Snippet

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

 

How to Add a Border

1. Copy the code snippet:

<div class="content-box pad-box-mini border border-trbl">

<p>Text goes here</p>

</div>

 

2. Navigate to a content page, click Edit, and select the HTML Editor.

3. Paste the copied snippet & edit the text that will show in the border. You will see your border once you save your content page.

 

Border Options

Top/Right/Bottom/Left

 

Top/Right/Bottom/Left Round

 

Right/Bottom/Left

 

Top/Bottom/Left

 

Top & left

 

Top only

Bottom only