Main Heading (H1)

This is a comprehensive test of all the custom prose styling elements in our PostLayout component.

Subheading (H2)

Smaller Heading (H3)

Even Smaller (H4)

Tiny Heading (H5)

Smallest Heading (H6)

Text Formatting

This is a regular paragraph with bold text and italic text. You can also use strong text and emphasized text.

Here’s some inline code that should have a green color and background.

This paragraph contains strikethrough text and highlighted text.

Here’s some small text and regular text with ^superscript and _subscript.

Links and Interactive Elements

Check out this example link that should change color on hover.

Press Ctrl + C to copy, or Cmd + V to paste.

This is an abbr element with a dotted underline.

Code Blocks

Here’s a code block:

function testFunction() {
    console.log("This should have proper background and border styling");
    return "Hello, world!";
}

def another_test():
    """This is a Python code block"""
    return "Testing code highlighting"

Blockquotes

This is a blockquote that should have a colored left border and background. It can span multiple lines and should maintain consistent styling.

This is a nested blockquote to test deeper levels.

Lists

Unordered List

• First item with bold text
• Second item with italic text
• Third item with inline code
• Fourth item with a link

Ordered List

1. First numbered item
2. Second item with strikethrough
3. Third item with highlighted text
4. Fourth item with keyboard shortcuts

Mixed Content

This paragraph tests multiple elements together: bold text with italics, some inline code, a test link, deleted text, highlighted content, and small text.

Mathematical Expressions

Here’s a formula: E = mc²

Chemical formula: H₂O

Tables

Column 1	Column 2	Column 3
Bold	Italic	Code
Link	Strike	Highlight
Normal text	Small	Key