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.

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 output in 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: medium sized images not aligning properly - WP automatically inserting line breaks?


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: