Float based alignments are causing layout issues for adjacent blocks

[seanjessen]

Describe the bug

When a block alignment is set for the last block within the content area of a page this can cause a layout issue with the footer. As the current approach for block alignments uses floats these are not cleared.

Suggested Requirements:

• aligns floated elements to the side
• allows text to wrap next to the floated element
• doesn’t cause odd layout issues for following blocks that use the full content width. (like another non floated image)
• doesn’t cause odd layout issues for elements outside of the article content when a floated element is the last child / close to the end of the article

Steps to Reproduce

1. Add blocks within the block editor and set the last block to align left, center or right.
2. On the FE the footer will align on too the same line as the last block element

Screenshots, screen recording, code snippet

No response

Environment information

No response

WordPress information

No response

Code of Conduct

• I agree to follow this project's Code of Conduct