Pictures and captions in html

[Travis Congdon]

I know how to put a caption under a picture using TABLE or the DIV but what happens is each picture is below the other and I want the pictures to be side by side with a few spaces in between. How do I do this. Thanks

[ilya Kraft]

This should give you 2 images in row with space of 20px between each other

<div id="imgwrap" style="width:500px; margin-left:auto; margin-right:auto;">
   <div id="image1" style="width:240px; float:left;"><!-- image here --></div>
   <div id="image2" style="width:240px; float:right;"><!-- image here --></div>
</div>
 

What I did is I made a div with width of 500px and aligned it in the middle of the page, then inside that div I made 2 other ones and floated one right and left each of those div's is 240px so 480px together and as the father div imgwrap is 500px you would have 20px in the middle between 2 pictures. if you do reaserch on float option for styling, you will understand how to position divs.

[Travis Congdon]

That worked with both pictures on the left side wioth a space between them, but I could not figure how to do the captions with them thne. I have about 4 pictures I want to go across and be able to put captions underneath them. Thanks

[Rabbit]

You could have a div container that's floated and in the container, have an image and div for a caption.

[Travis Congdon]

Rabbit Can you give me an example please.... Thanks

[Rabbit]

Give it a try and post here with your attempt and any questions.