Heading 1

Heading 2

Heading 3

This is a paragraph with bold text, italic text, and bold italic text. You can also use inline code within paragraphs.

Heading 2

Here’s a paragraph with a link to Astro and an external link to demonstrate anchor styling.

Heading 3

Sometimes you need to strikethrough text or add highlighted text for emphasis.

Heading 4

This paragraph contains a footnote reference¹.

Heading 5

Let’s demonstrate various list types below.

Heading 6

The smallest heading level, useful for minor sections.

Unordered Lists

• First item
• Second item
  • Nested item one
  • Nested item two
    • Deeply nested item
• Third item

Ordered Lists

1. First step
2. Second step
   1. Sub-step one
   2. Sub-step two
3. Third step

Blockquotes

This is a blockquote. It can span multiple lines and is often used for citations or callouts.

— Author Name

Nested blockquotes are also possible:

This is a nested quote inside the main quote.

Code Blocks

Inline code was shown above. Here’s a fenced code block:

function greet(name) {
  console.log(`Hello, ${name}!`);
  return true;
}

greet("World");

npm install astro
pnpm dev

Tables

Images

Caption: This is an example image with a caption below it.

Horizontal Rules

Content above the rule.

Content below the rule.

Definition Lists

Term 1 : Definition for term 1

Term 2 : Definition for term 2 : Another definition for term 2

Keyboard Input

Press Ctrl + C to copy text.

Use Cmd + Shift + P to open the command palette.

Subscript and Superscript

Water is H₂O.

Einstein’s famous equation: E = mc²

Details/Summary (Collapsible)

Footnotes

Here’s a sentence with a footnote².

Embedded HTML

Long Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit.

Summary

This document demonstrates all standard markdown elements that should be styled by a wrapper component:

1. Headings (h1-h6)
2. Text formatting (bold, italic, strikethrough, code)
3. Links (internal and external)
4. Lists (ordered, unordered, task lists)
5. Blockquotes (single and nested)
6. Code blocks (with syntax highlighting)
7. Tables (with alignment options)
8. Images (with captions)
9. Horizontal rules
10. Special elements (kbd, sub, sup, details)
11. Footnotes