Markup Test

Rendering reference for semantic HTML elements.

Text & Inline Semantics

strong, em, b, i, u, mark, small, sub, sup, strikethrough.

HTML, citation, inline quote, مرحبا, softbreak.

Inline code const x = 42;, Ctrl + C, output, variable. 

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

Inserted and deleted text.

漢 kan

Blockquote example with enough text to show how longer quotations wrap and display within the left-bordered container.

— Author
test@example.com

Lists

  • Unordered
  • Nested
    • Level 2
  1. Ordered
  2. Second
Term
Definition

Tables

Table Example
A B
Row 1 Data
Footer

Media

Placeholder
Figure caption

Forms

Text Inputs
Other Inputs
Choices
States Computed: 42

Interactive

Toggle details

This content is revealed when the details element is open. It can contain any block-level content.

Open by default

This details element starts in the open state.

Progress & Meter

70% 60

Dialog

Dialog (open)

Popover

Popover content

Miscellaneous

Published . Value: Forty-two.