How to make photo captions in HTML without utilizing tables or the <caption> tag?

I have a page built that is updated from time to time. It does not have tables in it and I don't want to put them in. This week the update features several photos with captions that need to go below the photos. This is the way it will need to be from now on. So I want to learn how to make captions WITHOUT tables (so please no explanations that use tables). I am looking for the entire code not just an explanation. Thank you!

Public Comments

  1. On mine, I set up a fixed-width div containing the image and the caption. The div is the width of the image, and the image is followed by the text of the caption. Because the div is the width of the image, the text of the caption is forced down under the image. If you do this, watch out for the margin/padding/border settings of the image within, as they'll mess with the "width" of the div. Also, your best bet for the text is free-form (in other words, not a paragraph or header or such...)
  2. I don't know if this is enough info ..It took me 6 months to get a handle on css after knowing html.. entire code for css and html http://www.w3schools.com/css/css_image_gallery.asp this website gives good info on positioning also. Above code in an example http://www.rusw.com/cap/cap.htm The css tells content " text images etc" how to display such as <div class="img"> You'll see the code is being told what to do in the head part of coding
Powered by Yahoo! Answers