Formatting Test: Every Block in One Post

This post exists to stress-test the blog theme. It uses every common formatting element at least once, so spacing, typography and overflow problems show up before real content does. Bold, italic, inline code and a link to MDN all appear in this paragraph.

An H2 heading that is deliberately long enough to wrap onto a second line on most screens

A short paragraph between headings to check vertical rhythm.

An H3 heading directly under some body text

• First bullet point
• A second bullet that runs long enough to wrap so you can check how the hanging indent behaves when text flows past the end of the line
• Third bullet with a link inside it

1. Step one
2. Step two, with inline code
3. Step three
4. Step four
5. Step five
6. Step six
7. Step seven
8. Step eight
9. Step nine
10. Step ten — checks two-digit number alignment

A blockquote with enough text to span multiple lines, so you can see how the theme handles the left border, the italics, the padding and the citation underneath.

— Test citation

// A code block with one line that is far too long, to test horizontal overflow and scrolling: const reallyLongVariableName = someFunction(argumentOne, argumentTwo, argumentThree, argumentFour);
function greet(name) {
  if (!name) return 'Hello, world';
  return `Hello, ${name} <html-escaped>`;
}

Last paragraph, to check spacing after an embed. If everything above looks right on desktop and on a phone, the theme handles standard post content.