Document

This page exercises the document — the presentation that dresses the profile: every bare tag base.css styles and every structure in blocks/, in the same order, so it reads in one pass.

Text

A paragraph with emphasis, strong text, small print, a highlight, and an abbreviation: CSS.

Maths sit inline too: H2O (subscript) and E = mc2 (superscript).

A regular link, a link to an external site, and a link to hover and focus — underlined, with a clear keyboard focus ring.

Blockquote

Simplicity is about subtracting the obvious and adding the meaningful.

— John Maeda

Media

A placeholder image
A figure with its figcaption.

Rules

A horizontal rule separates one passage…

…from the next.

Focus

Tab through these to see the focus ring (:focus-visible): a link, then a .

Headings

The page title above is the h1. The scale below runs h2–h6.

Heading level 2

Heading level 3

Heading level 4

Heading level 5
Heading level 6

Code

Inline code const x = 1;, a keyboard hint Ctrl + K, and sample output Done. 

function greet(name) {
  return `Hello, ${name}!`;
}

console.log(greet("world"));

Table

Example table caption
Name Role Notes
Alice Editor Has access to content.
Bob Author Can publish posts.

Lists

Unordered list

  • List item one
  • List item two
    • Nested item A
    • Nested item B
  • List item three

Ordered list

  1. First
  2. Second
  3. Third

Description list

Definition term
Definition description with a bit more text to wrap onto the next line.
Another term
Another description, to show the spacing between a description and the next term.

Details / summary

Expandable section (shown open)

This content is inside <details>. It should be readable and spaced.

  • Item one
  • Item two

End of test page.