horzontal image alignment issues

  • Resolved goldmember

    (@goldmember)


    14 years, 3 months ago

    on the page here, I inserted the 3 images next to each other, with the first one aligned left, the second aligned center, and the third aligned right. i was hoping to get them all to align vertically, but to no avail.

    here’s what my code looks like:
    [caption id="attachment_41" align="alignleft" width="157" caption="The Kool-Z lid fits snuggly to any standard beverage can – your soda or beer is sealed onto the Kool-Z lid."]<img src="https://thekoolz.com/wp-content/uploads/can-lid.jpg" alt="Can Lid" title="Koolzie Lid" width="157" height="189" class="size-full wp-image-41" />[/caption] [caption id="attachment_53" align="aligncenter" width="147" caption="Swivel lid turns – open your top to drink from it, or close it to seal off from bugs or dirt – or to just make sure your beverage doesn’t get sipped by someone else!"]<img src="https://thekoolz.com/wp-content/uploads/swivel-top.jpg" alt="Can Seal" title="Kool-z Swivel Top" width="147" height="157" class="size-full wp-image-53" />[/caption] [caption id="attachment_40" align="alignright" width="188" caption="Beverage slides right into the Kool-Z"]<img src="https://thekoolz.com/wp-content/uploads/can-insert.jpg" alt="Insert Can" title="Insert Can" width="188" height="211" class="size-full wp-image-40" />[/caption]

    how do i get them to align horizontally??? please advise. thanks in advance.

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

  • You might want to give each image a div with ‘float:left’ to get them all on a horizontally line. Alternatively, you can adjust your style.css file and let images on your website in general float left.

    Thread Starter goldmember

    (@goldmember)

    that works. thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘horzontal image alignment issues’ is closed to new replies.