Aligning affiliate link images beside each other

  • I’m really new to wordpress, but I have some html and css experience. I have some affiliate links with images that I want to be beside each other instead of one on top of the other. They are affiliate codes for Amazon and CD Baby. Right now the Amazon image is on top of the CD Baby one, but I want them to be side by side next to each other and I can’t figure it out. My blog is oneloverock.com and it’s my latest post that I’m working on.
    Any help is greatly appreciated!
    Thanks!

Viewing 1 replies (of 1 total)

  • You will need to add some divs to the content to allow the ads to be floated left. For two ads side-by-side, the structure would be like this:

    <center>
   <div class="one-of-two">
      (code for one ad here)
   </div>
   <div class="one-of-two">
      (code for one ad here)
   </div>
</center>

    Then add styling like this to style.css:

    .one-of-two { width: 50%; float:left; }

    You might also need to add a div after the second ad to clear the float.

Viewing 1 replies (of 1 total)
  • The topic ‘Aligning affiliate link images beside each other’ is closed to new replies.