How do I add text under a picture?
Hi, I have a site and I want my images to appear in a row with text underneath - like this
|pic| |pic| |pic|
However, I'm unable to get them to properly line up. They either display one on top of the other, or with the pictures in a line but the text to the side.
This is the code I am using and the page on my site.
Any help would be greatly appreciated. Thank you.
<img src="http://www.kmlcustoms.com/CC/m1.png" width="125" height="125"><div class="imgText">The Adventures of Mighty K.O. Punchman and SIRR </a></div>
<a href="http://www.captivecomics.com/vike"><img src="http://www.kmlcustoms.com/CC/v2.png" width="125" height="125"><div class="imgText">VIKE </a></div>
this needs to be set up in your css. create a div for each picture and then set the div to block. add the img at the to fille the width of the div and then add the text under it.
border: 1px solid #000;
Might play around with this one and modify as needed.
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)