enter image description here

I’ve set medium sized images to a custom size which should allow for both of the images to align horizontally within the post. (The full post width is 880px, medium images are set to 413px.)

My challenge is that the images are not evenly aligned - the image on the right is always a little lower UNLESS there is another group of medium images immediately below, in which case that second group will be aligned evenly.

I think this may be something to do with WP automatically inserting line breaks after an image, but the few ways I’ve tried to disable this haven’t been successful..

What I’ve put in the post:

<img class="alignleft size-medium wp-image-8530" alt="..." src="#" width="413" height="275" />
<img class="alignleft size-medium wp-image-8529" alt="..." src="#" width="413" height="275" />

What is read by the browser:

<p><img class="alignleft size-medium wp-image-8530" alt="..." src="#" width="413" height="275" /><br />
<img class="alignleft size-medium wp-image-8529" alt="..." src="#" width="413" height="275" /><br />

Attempted (unsuccessful) solutions -
1 How do I disable linebreaks after images?
2 Why is WordPress adding a linebreak after my floated image?

Site link.

Read more here: disable WP automatically inserted line breaks after an image


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.

Related Wordpress search:

, , , , , ,

Wordpress related questions and answers: