You'd want to put the photos and text within a div and then float them next to each other. So you'd have:
HTML:
<div class="box">
<img src="yourphoto.jpg" width="200" height="220" alt="your photo" />
<p>Photo 1</p>
</div>
<div class="box">
<img src="yourphoto1.jpg" width="200" height="220" alt="your other photo" />
<p>Photo 2</p>
</div>
CSS:
.box {float:left;width:200px;margin-right:10px;border:1px solid;}
The border's just there so that you can see what you're doing - you can obviously remove that. When floating divs you must specify a width so just use the width of the widest photo.
