Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

This is a regular paragraph with bold text, italic text, and bold italic text. You can also use inline code within a sentence. Here's a link to an example for reference.

This is a blockquote. It can span multiple lines and is often used to highlight important information or quote external sources.

— Someone Famous

Note: Blockquotes can also contain bold, italic, and code.

Lists

Unordered List

• First item
• Second item with a longer description that wraps to the next line to test how the typography handles multi-line list items
• Third item
  • Nested item one
  • Nested item two
    • Deeply nested item
• Fourth item

Ordered List

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

Task List

• Completed task
• Another completed task
• Incomplete task
• One more to do

Code

Inline code looks like this. Here's a block:

interface BlogPost {
  title: string
  description: string
  date: string
  author?: string
  tags?: string[]
}

function formatPost(post: BlogPost): string {
  const tags = post.tags?.join(', ') ?? 'none'
  return `${post.title} by ${post.author} [${tags}]`
}

.prose {
  max-width: 65ch;
  font-size: 1rem;
  line-height: 1.75;
}

Table

Images

Horizontal Rules

Text above the rule.

Text below the rule.

Text Formatting

This is strikethrough text and this is regular text.

Here's a paragraph with a footnote reference¹.

Nested Blockquote

Level one

Level two

Level three

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.