Paragraph Styles

Paragraphs in this design use simple styling meant to maximize legibility. A paragraph's size can also be increased by adding a class of .lead to any <p> element.

This is an example of how standard paragraph text looks. Paragraph text uses the Open Sans typeface and has an appropriate amount of leading (space between lines). It is of a moderate size to ensure that it is easy to read.

Usage

Paragraphs are automatically inserted in the Rich Text Editor whenever a use hits Return/Enter. Below, you will find a .lead code snippet, along with the result it produces. .lead classes can also be applied via the CSS Class dropdown in the Rich Text Editor.

<p class="lead">This is a lead paragraph. It requires special emphasis, so we are making it bigger. All you have to do is add a <code>.lead</code> class.</p>

This is a lead paragraph. It requires special emphasis, so we are making it bigger. All you have to do is add a .lead class.