Image Alignment

  • Hi all,

    1. I’m trying to achieve an image alignment like this

    https://gmauthority.com/global-images/image-allignment-goal.png

    2. However, I can’t seem to achieve #1 with my WordPress install.

    I’ve aligned the first (big) image center and it works perfect. The second (smaller) image is aligned left and works how I want as well. It’s the third (smaller) image that doesn’t behave.

    Here’s the third image set to align left
    https://gmauthority.com/global-images/image-align-bad.png

    And here it is set to align none

    https://gmauthority.com/global-images/image-align-bad-2.png

    I’m trying to achieve what’s pictured in #1 and would really appreciate any help.

    Here’s the code aligned none:

    <img class="aligncenter size-full wp-image-6818" title="GM Authority Garage - 2011 Buick Regal" src="https://gmauthority.com/blog/wp-content/uploads/2010/07/GM-Authority-Garage-2011-Buick-Regal-20-e1280724826230.jpg" alt="" width="600" height="398" />

<a href="https://gmauthority.com/blog/wp-content/uploads/2010/07/GM-Authority-Garage-2011-Buick-Regal-11-e1280725330824.jpg"><img class="size-medium wp-image-6822 alignleft" title="GM Authority Garage - 2011 Buick Regal-11" src="https://gmauthority.com/blog/wp-content/uploads/2010/07/GM-Authority-Garage-2011-Buick-Regal-11-300x199.jpg" alt="" width="295" height="196" /></a><a href="https://gmauthority.com/blog/wp-content/uploads/2010/07/GM-Authority-Garage-2011-Buick-Regal-9.jpg"><img class="size-medium wp-image-6821 alignnone" title="GM Authority Garage - 2011 Buick Regal-9" src="https://gmauthority.com/blog/wp-content/uploads/2010/07/GM-Authority-Garage-2011-Buick-Regal-9-300x199.jpg" alt="" width="295" height="196" /></a>

    And here it is aligned left
    <a href="https://gmauthority.com/blog/wp-content/uploads/2010/07/GM-Authority-Garage-2011-Buick-Regal-11-e1280725330824.jpg"><img class="size-medium wp-image-6822 alignleft" title="GM Authority Garage - 2011 Buick Regal-11" src="https://gmauthority.com/blog/wp-content/uploads/2010/07/GM-Authority-Garage-2011-Buick-Regal-11-300x199.jpg" alt="" width="295" height="196" /></a><a href="https://gmauthority.com/blog/wp-content/uploads/2010/07/GM-Authority-Garage-2011-Buick-Regal-9.jpg"><img class="size-medium wp-image-6821 alignleft" title="GM Authority Garage - 2011 Buick Regal-9" src="https://gmauthority.com/blog/wp-content/uploads/2010/07/GM-Authority-Garage-2011-Buick-Regal-9-300x199.jpg" alt="" width="295" height="196" /></a>

    Thanks so much!

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Image Alignment’ is closed to new replies.