Block Editor Image Alignment
This page tests image alignment using the WordPress block editor (Gutenberg) to ensure block images align properly alongside the classic editor content.
Left Aligned Image
This paragraph should wrap around the left-aligned image. The image should float to the left with text flowing around its right side. There should be proper spacing between the image and the text to ensure readability. The text should continue to wrap naturally as it flows around the image, demonstrating that the block editor alignment is working correctly.
This is a second paragraph to show how text continues to flow after the image. The alignment should remain consistent and the spacing should be maintained throughout the content area.
Right Aligned Image
Now we have a right-aligned image. The text should flow around the left side of the image, with proper spacing maintained between the text and the image. The image floats to the right while the content wraps naturally around it.
Additional paragraph to demonstrate continued text flow. The alignment should work consistently across multiple paragraphs and content blocks.
Center Aligned Image
The centered image should be horizontally centered on the page with equal margins on both sides. Text before and after the image should not wrap around it, but instead appear above and below.
No Alignment (Default)
This image has no alignment class applied, so it should display as a block element without any text wrapping. The default behavior should keep the image in the normal flow of the document.