Whitespace
Whitespace is important for a clear and clean layout.
How to use this component
We should use whitespace between block elements such as tabs, accordions, important info, headings. We should make sure that any following content should not be directly touching and that there should be adequate spacing between elements.
There should be a minimum vertical margin of 25px.
Margin and padding
Margins: Minimum 25px.
Padding: Minimum 15px.
Visit W3Schools for more information on the box model.
Paragraphs
Paragraphs should have one line of text height between each new paragraph. The line height should be 1.4em.
Force vertical margin
At times we may need to force a vertical margin in Sharepoint. We can add in a span with a class of “ct_space” to do this.
See the HTML example for the code.
Code Resource
<span class="ct_space"></span>.ct_space {
float:left;
width:100%;
height:25px;
}