Headings (h1 — h6)

H1 — Main page heading

H2 — Section heading

H3 — Subsection heading

H4 — Smaller heading

H5 — Even smaller
H6 — Minor heading

Paragraphs and text

This is a standard paragraph. It should demonstrate normal body copy: readable line length, comfortable line-height and default margins.

This is a secondary paragraph — smaller or muted supporting text that can be used for captions, hints or meta information.

Muted text can be used to de-emphasise information (dates, statuses, footnotes).

Inline elements

This text contains strong, emphasis, highlighted, small text, HTML, deleted, inserted, subscript and superscript. Use code for inline code and Ctrl+K for keyboard keys.

Links: Regular linkemail link

Lists

Unordered list

  • First item
  • Second item with nested list
    • Nested item A
    • Nested item B
  • Third item

Ordered list

  1. Step one
  2. Step two
  3. Step three

Definition list

HTML
HyperText Markup Language — the standard markup language for documents.
CSS
Cascading Style Sheets — styles for HTML content.

Table

Sample data table
Item Description Qty Price
Alpha First item description 2 £12.00
Beta Second item, longer description that wraps. 1 £8.50
Total £20.50

Blockquote, pre & code

“Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs