Style guide

Use this page to check typography, spacing, and common Markdown elements when changing the site’s styles.

H1: A long heading that wraps onto more than one line

This paragraph includes bold text, italic text, bold italic text, strikethrough, a link to the homepage, and some inline code. It is long enough to wrap so line height and spacing between lines are easy to compare with the headings and lists below.

A second paragraph checks the space between blocks of text. It includes punctuation: “curly quotes”, an apostrophe, an em dash — and an ellipsis…

H2: A long heading to check wrapping and line height

H2: Shorter code

H3: Another long heading to check spacing across multiple lines

H3: Shorter code

H4: Heading with code

H5: Heading with code

H6: Heading with code

Lists

• A plain list item.
• An item containing inline code.
  • A nested item with bold text.
  • A longer nested item that wraps across multiple lines to check indentation and alignment with the first line.
    • A third level of nesting.
• A final item containing a link.

1. The first ordered item.
2. The second ordered item.
   1. A nested ordered item with code.
   2. Another nested item.
3. The final ordered item.

• A completed task.
• An incomplete task.

Code blocks

A plain code block.
  An indented line.
A final line with <tags> and & symbols.

Quotes

A blockquote long enough to wrap across multiple lines, making it easy to check the border, indentation, and line height alongside the surrounding text.

A second paragraph with emphasis, a link, and inline code.

Table

Element	Example	Count
Plain text	Sample	1
Emphasis	Bold	12
Inline code	value	123

---

This paragraph follows a horizontal rule and marks the end of the sample.