Test: new image-with-align block
This is a test article for verifying the custom Lexical "image with text wrap" block. Below are three images of different sizes and wrap directions to visually demonstrate how text behaves around them.
First comes a large centered image — no text wrap, text simply continues below it. Size: large (≤720px), alignment: center.
Image on the left — text on the right
Next — a medium image on the left, with text wrapping to its right. This is the most common scenario from the old WP editor: the author inserts an image, selects left alignment, and continues writing a paragraph alongside it.
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.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Image on the right — text on the left
Now — a small image on the right, with text wrapping to its left. Size: thumbnail (≤240px), ideal for small illustrations or screenshots tucked into the corner of a paragraph.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.
Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi.
Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.
Conclusion
If everything works correctly — you should have three figure elements with different align*/size-* combinations: aligncenter+size-large, alignleft+size-medium, and alignright+size-thumbnail. Text around the floated images wraps on the correct side.