align images side by side in html

by

You mean something like this? 

<div class="image123">
    <div class="imgContainer">
        <img src="https://stackoverflow.com/images/tv.gif" height="200" width="200"/>
        <p>This is image 1</p>
    </div>
    <div class="imgContainer">
        <img class="middle-img" src="https://stackoverflow.com/images/tv.gif"/ height="200" width="200"/>
        <p>This is image 2</p>
    </div>
    <div class="imgContainer">
         <img src="https://stackoverflow.com/images/tv.gif"/ height="200" width="200"/>
        <p>This is image 3</p>
    </div>
</div>

with the imgContainer style as 

.imgContainer{
    float:left;
}

Also see this jsfiddle.

More Related Contents:

  1. how to align the image to the center? [closed]
  2. How to horizontally center an element
  3. Set cellpadding and cellspacing in CSS?
  4. Vertically align text next to an image?
  5. How to center an element horizontally and vertically
  6. Best way to center a on a page vertically and horizontally? [duplicate]
  7. How to align 3 divs (left/center/right) inside another div?
  8. Does UL have default margin or padding [duplicate]
  9. How to align checkboxes and their labels consistently cross-browsers
  10. How can I vertically center a div element for all browsers using CSS?
  11. Center aligning a fixed position div
  12. CSS – Make divs align horizontally
  13. Align labels in form next to input
  14. HTML-Tooltip position relative to mouse pointer
  15. Why my inline-block divs are not aligned when only one of them has text? [duplicate]
  16. CSS – How to have children in different parents the same height?
  17. Center form submit buttons HTML / CSS
  18. How can I horizontally center an element?
  19. How to center an iframe horizontally?
  20. Responsive image align center bootstrap 3
  21. CSS align images and text on same line
  22. How to align footer (div) to the bottom of the page? [duplicate]
  23. CSS way to horizontally align table
  24. How to make an image center (vertically & horizontally) inside a bigger div [duplicate]
  25. Add centered text to the middle of a horizontal rule [duplicate]
  26. How can I display just a portion of an image in HTML/CSS?
  27. text-overflow is not working when using display:flex
  28. Height percentage not working in CSS
  29. CSS I want a div to be on top of everything
  30. How can I wrap text around a non rectangular image?

Leave a Comment