align images side by side in html

Question

I want 3 images side by side with caption, at the moment I have 3 images going from top to bottom, with the caption on the left, not on the centre. How do I make the images

Answer 1

Not really sure what you meant by "the caption in the middle", but here's one solution to get your images appear side by side, using the excellent display:inline-block :

  
  
  


  

    
    
This is image 1
  
  

    
    
This is image 2
  
  

    
    
This is image 3