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

Try this.

CSS

.imageContainer {
    float: left;
}

p {
    text-align: center;
}

HTML

    

        
        
This is image 1
    
    

        
        
This is image 2
    
    
    
        
        
This is image 3