Headings

Heading level 1

Heading level 2

Heading level 3

Heading level 4

Heading level 5

Heading level 6

Grouped heading

Subtitle paragraph inside hgroup

Text and inline elements

A normal paragraph with a fair amount of text so you can check line height, wrapping, and measure. It runs long enough to break across several lines in most containers, which is the whole point of including it here at all.

strong, b, em, i, u, s, ~~del~~, ins, mark, small, H₂O, x², inline code, Ctrl+C, output text, variable, HTML, definition term, August 9, 2026, forty-two, short inline quote, Cited Work, إسم, reversed direction, 漢kan字ji

Links: internal anchor · absolute · relative · mailto · tel · new tab · download attr

A block quotation. It contains its own paragraph and a nested quote so you can check indentation stacking.

Nested block quotation.

— Someone, Somewhere

#!/usr/bin/env bash
set -euo pipefail

for i in {1..3}; do
  printf 'iteration %d\n' "$i"
done

# a deliberately long line to force horizontal overflow: aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

Line break here,
after the break.

Word break opportunity: supercalifragilisticexpialidocious

Contact: admin@example.com
123 Nowhere St, Somewhere

Entities: & < > " ' © ® ™ — … € 😀

Lists

Unordered, nested

First item
Second item
- Nested item
  - Deeply nested item
- Another nested item
Third item with a longer body of text so that it wraps onto more than one line and you can confirm the hanging indent behaves.

Ordered variants

Default numbering
Second
1. Lower alpha
2. Second alpha

Reversed, starting at 5
Next
Next

Description list

Term one: Definition of the first term.
Term two
Term two, alias: Definition covering both terms above.

Tables

Quarterly figures with spans and a footer
Region	Q1	Q2	Notes
North	1,204	1,391	Shared note spanning two rows
South	988	1,022	Shared note spanning two rows
East	Merged across two quarters		—
Total	2,192	2,413

Wide table (horizontal overflow)

A	B	C	D	E	F	G	H	I	J	K	L
value-1	value-2	value-3	value-4	value-5	value-6	value-7	value-8	value-9	value-10	value-11	value-12

Forms

Text inputs

Text

URL

Tel

Password

Number

Textarea
Multiline content here

Readonly

Disabled

Date, time, color, range, file

Date

Time

Datetime-local

Month

Week

Color

Range

File

Choices

Checked Unchecked Disabled

Option A Option B

Select

Multi-select

Output and buttons

Progress 60%

Meter 72

Computed output

Media and embeds

Inline SVG

Figure with data-URI image

Figure caption describing the image above.

Broken image (alt-text fallback test)

This alt text should render because the source is missing

Picture element

Video and audio (sources intentionally missing)

Canvas and iframe

Interactive and semantic containers

Collapsed disclosure

Hidden content revealed on toggle.

Open disclosure

With a list inside
Second item

Article header

Article body content.

Editable inline region

Edge cases

Very long unbroken token (overflow test):

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

Long URL: https://example.com/a/very/long/path/segment/that/keeps/going/and/going?query=1&another=2&third=3#fragment-identifier

هذا نص عربي لاختبار الاتجاه من اليمين إلى اليسار.

זהו טקסט עברי לבדיקה.

日本語のテキストです。改行と折り返しの確認用。

Straßenverkehrsordnung — Grüße aus München

Emoji & combining: 👋🏽 👨‍👩‍👧‍👦 🇺🇸 é vs é (precomposed vs combining)

Zero-width chars between letters: abc

Escaped tag text: <script>alert(1)</script>

Attribute with quotes: hover me

Empty elements follow:

Deep nesting:

Seven levels deep.

Inline element stress: ~~all five at once~~

Inline style attribute (teal).

Element with classes and data attributes.

HTML Test Fixture