Hi, I have a site and I want my images to appear in a row with text underneath - like this
-txt---txt--txt-
|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.
http://captivecomics.com/titles/

<html>
<head>
<title>Titles</title>

<style>
.imgText {
float: below;
margin:5px;
}
</style>


</head>

<body>

<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>

</body>
</html>
Any help would be greatly appreciated. Thank you.