image

Image Alignment Stress Test

This document exists purely to test how images behave inside prose flow, with different alignment strategies and surrounding text.

Baseline: Centered Image (Markdown)

The image below uses standard Markdown syntax and should appear centered.

Text before and after the image should feel balanced and uninterrupted.

This paragraph exists purely to confirm that centered images do not collapse spacing or distort the reading rhythm.

Left Alignment via Raw HTML (Recommended)

The image below is intentionally aligned left using raw HTML. This is the only alignment method guaranteed to work with your current Markdown pipeline.

This paragraph follows immediately after the image.

The text should:

• remain full-width
• not wrap around the image
• feel like the image is anchored to the left margin

If the image appears centered, alignment is broken.

Right Alignment via Raw HTML

This paragraph follows immediately after the image.

The image should be visually anchored to the right margin, while the text remains readable and unaffected.

Multiple Images in Sequence

This section tests vertical spacing consistency when multiple images appear back-to-back with different alignment rules.

Figure Wrapper (Future-Safe Pattern)

The caption should appear centered beneath the image, and the figure block should align left as a unit.

Final Check

If all of the following are true, image alignment is working correctly:

• Markdown images are centered
• Raw HTML images respect align-left / align-right
• Text does not wrap around images
• Spacing above and below images feels consistent

END OF IMAGE ALIGNMENT TEST