Pullquote block having minor difference in spacing between editor and front side

[nidhidhandhukiya]

Steps to reproduce the issue :-

1. Activate Twenty Twenty Four theme.
2. Choose Pullquote block.
3. Add text and background to check the proper difference in both side.

Now check both the side editor and front.
You can able to see spacing difference in editor and frontend.

I have attached video for better understanding.
Video URL :- ​https://share.cleanshot.com/D39PTHnJ6TrspTC8XYMw

[sabernhardt]

Pullquote block in editor, with WordPress 6.5-RC2

[sabernhardt]

Pullquote block on front end, with WordPress 6.5-RC2

[sabernhardt]

​PR 45731 edited the margins, so I thought this was fixed for WordPress 6.5. However, the discrepancy is apparently due to display: block on the cite element within the editor without adding the same on the front end. Likewise, Twenty Twenty-Two and Twenty Twenty-Three have a taller Pullquote block on the front end, though with a less noticeable height difference (about 8 pixels instead of 30, at a viewport width of about 988).

​PR 39414 added the inline style for the Pullquote block citation, mentioning a plan to move that to the block's style.scss. If adding it in the block styles, it may be better with :where() to keep the specificity low.