Content section
Styles for a wrapping element with content inside. This component is used to visually group related elements together, i.e. text, images or form fields.
Examples
View source for Html code.
Content section:
This is a paragraph.
Content section with header:
Heading 5
This is a paragraph.
Dark content section:
This is a paragraph.
Centered content section:
The section's width will fit the content.
This is a paragraph.
This is another paragraph.
Centered content section with minimum width:
The section's width will shrink to the smallest possible width of the content.
This is a paragraph.
This is another paragraph.
Centered content section with limited width for readability:
The section's width will be limited, so long text inside will be easier to read. This style can be applied to any Html element.
This is a paragraph.
This is another paragraph with long text. Typographers have been writing about the relationship between horizontal and vertical eye motion for almost a century. Too long lines with too many words make it harder for the eyes to find the correct spot when they sweep back to the left to pick up the next line of text. To maintain readability, it is imperative to use moderate line lengths within the range of 40–70 characters. Anything longer than that becomes difficult to read.