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.


.imgText {
float: below;



<a href="http://www.captivecomics.com/mkopms">
<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>

Any help would be greatly appreciated. Thank you.