/*This Div Goes Inside a container div which is sized as a percentage of the page*/
.thumbnail{
float: left;
width:136px;
background-color: transparent;
text-align: center;
padding: 0;
margin: 0 0.50% 0 0;
border: 0;
min-height: 172px;
}

/*Caption*/
div.accessory p{
text-align: center;
font: normal 0.7em Arial, Helvetica, sans-serif;
color: #F00; 
background-color: transparent;
text-decoration: none;
vertical-align:bottom;
padding: 0;
margin: 0;
line-height: 120%;
}




/*SMALL RED LINKS*/
a.rls{
font: normal 0.7em Arial, Helvetica, sans-serif; 
color: #F00;
text-decoration: none;
line-height: 120%;
 }

a.rls:link,
a.rls:visited,
a.rls:focus{
text-decoration: none;
}

a.rls:hover{
color: #000;
text-decoration: underline;
}

a.rls:active{
text-decoration: none;
color: #000;
}

<div class="thumbnail">
<a href="link if required">
<img src="path to your image"
alt="alt text"
title="title text" width="130" height="100" />
</a>	
<a class="rls" href="link if required">Your Caption</a> <!-- use <p> if no link required-->
</div>