Inline Text
The ideal length for a line is 66 characters, with a range of 45-75 characters (including spaces) generally considered satisfactory. To achieve a width of 45-75 characters, our paragraphs should be set to the equivalent range of 23-38 ems (1em roughly=2 characters).
Paragraph
Paragraphs inherit a default font-size of 1rem / 16px, a line-height value of 1.5, inherit the default Lato Regular font family, and have a default margin-bottom spacing of 1.5rem / 24px.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus finibus dolor felis, a accumsan eros dictum non. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus finibus dolor felis, a accumsan eros dictum non.
Lead
Make a paragraph stand out by adding .lead class (
1.266rem
/
20.25px
).
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus finibus dolor felis, a accumsan eros dictum non. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus finibus dolor felis, a accumsan eros dictum non.
Small
Make a paragraph insignificant with the .small class or </small> tag (
0.889rem
/
14.222px
).
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus finibus dolor felis, a accumsan eros dictum non. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus finibus dolor felis, a accumsan eros dictum non.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus finibus dolor felis, a accumsan eros dictum non. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus finibus dolor felis, a accumsan eros dictum non.Caption
Use .caption for media captions (
0.79rem
/
12.642px
).
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Legal
Use .legal for legal copy (
0.702rem
/
11.237px
).
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus finibus dolor felis, a accumsan eros dictum non. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus finibus dolor felis, a accumsan eros dictum non.