This page is a typography sample. It shows how the template styles the standard HTML elements that appear inside article content, with no framework classes applied — everything below is plain markup produced by a normal editor.
Heading level 1
Heading level 2
Heading level 3
Heading level 4
Heading level 5
Heading level 6
Body copy
The quick brown fox jumps over the lazy dog. Paragraphs carry the site's base font size, line height and bottom margin, all of which are set by the template rather than by the article.
Text can be bold, italic, a link, or marked as fine print. An abbreviation such as HTML can carry a title attribute that is shown on hover.
Lists
Unordered
- First item
- Second item
- Third item, with a nested list
- Nested item
- Nested item
- Fourth item
Ordered
- First item
- Second item
- Third item, with a nested list
- Nested item
- Nested item
- Fourth item
Description
- Description list
- Pairs a term with its description.
- Second term
- A term may have more than one description.
- Like this one.
Quotations
A block quotation is used for content taken from another source. The template decides how it is set apart from the surrounding text.
Source title
Code
Short snippets are wrapped in a code element inline. Longer samples use a preformatted block:
<p>Sample text here.</p>
Tables
| Column one | Column two | Column three |
|---|---|---|
| Row 1, cell 1 | Row 1, cell 2 | Row 1, cell 3 |
| Row 2, cell 1 | Row 2, cell 2 | Row 2, cell 3 |
| Row 3, cell 1 | Row 3, cell 2 | Row 3, cell 3 |
Horizontal rule
Content continues after the rule.
