Hello,
I want to align the text underneath each of the folating images

here is my html code:

Code HTML4Strict:
while ($row=mysql_fetch_array($result)){
$imgsrc=$row['file_path'];
$fullimgsrc="Moderator/"."$imgsrc";
$download_id=$row['download_id'];
?>
<div class="transON_First" style="width:100px;height:119px;" onmouseover="this.className='transOFF_First'" onmouseout="this.className='transON_First'" ><a href="<?php echo "downloaddetail.php?id=$download_id" ; ?>"><img src="<?php echo $fullimgsrc; ?>" width="100" height="119" style="border:1px solid black;"></a>
</div>
 
<?php
$record_count=$record_count+1;
} //end of while loop

css:
Code CSS:
.transOFF_First {width: 100%; background-color: 
silver; border:1px solid black; margin: 0 15px 5px 30px;  
 display: inline; 
float:left; clear:inherit; text-align: center;   }
.transON_First  {width: 100%; background-color: silver;
 opacity:.50; filter: alpha(opacity=50); 
-moz-opacity: 0.5;border:1px solid black; 
margin: 0 15px 5px 30px; display:inline;
 float:left; clear:inherit; text-align: center;    }