Trying to float a seperate image to the right of another

  • Hi,
    Im trying to add a second image to the right of another but every time I do it the new image gets put on a separate line – any ideas why please?

    <img src="/wp-content/uploads/Ad.png" alt="associations" style="max-width:100%; height:auto;" class="aligncenter size-full wp-image-226" />
<img src="/wp-content/uploads/Ad2.png" alt="associations" style="max-width:100%; height:auto;" class="alignright size-full wp-image-226" />

Viewing 4 replies - 1 through 4 (of 4 total)

  • The first image has an aligncenter class, which usually clears all space to either side. Try changing it to alignleft.

    If that does not work since you are already using inline styling you can try:

    <img src="/wp-content/uploads/Ad.png" alt="associations" style="max-width:100%; height:auto; float:left;" class="size-full wp-image-226" />
<img src="/wp-content/uploads/Ad2.png" alt="associations" style="max-width:100%; height:auto; float:left;" class="size-full wp-image-226" />
    Thread Starter shabbaranks

    (@shabbaranks)

    Hi, thanks for the quick response. If I align left then add the second image I floats it to the right what appears to be above the first image rather than alongside it :O(

    You’ll probably need to tweak the image sizes, or change max-width: 100%; to max-width: 50%. Or a lower number so that they can’t overlap.

    How about just adding a gallery, but select 2 columns and medium or large image size?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Trying to float a seperate image to the right of another’ is closed to new replies.