Twenty Twenty : Inline images breaking to a new line.

[ahmadbaig1]

Steps to recreate-

• Create a page or post.
• Add an inline image between words or at the end or the start of the sentence.
• Publish the page and view it.

Result

This is how the inline image turns out-

It breaks the line into a new one.

Expected

This is what happens when you change the theme to something else, like Spearhead-

Inline images work perfectly fine with other themes. This issue seems to be for Twenty Twenty as well as Twenty Twenty-One.

• User report: #676835-zd

[yashitamittal11]

I can reproduce the issue on my test site using the Heading block on the Twenty Twenty One theme during Empathy Testing. The inline-image is working fine on other themes.

Screencast below-

https://user-images.githubusercontent.com/21078987/124583571-d1a6b900-de70-11eb-83ae-50cc9a4e5aa3.mp4

[mrfoxtalbot]

I can confirm I can still reproduce this. This issue can be workaround around by adding a little CSS code:

p img, .entry-content li img { display: inline-block; }

Since this has been reported in trac, I am marking this as solved since this should be fixed over in trac. If you have some bandwith, please help directly over in trac.

[mrfoxtalbot]

I am reopening this. After some discussion with the themes team, we are going to tag this type of issue as [Status] Core fix needed but leave them open for tracking and discoverability purposes.