4 images in a row, how do I center specific text under each image?

KasynoLodoreer

New Member
I don't really know anything about CSS. This question ( How can i align text directly beneath an image? ) is pretty much exactly what I need. I have 4 images and I would like them side by side, with text that correspondences with each specific image under that image. I've never used CSS so I got the images set in HTML up until that part using the directions in the question link that i posted, and the text for each image is under neither that image, but the images are not aligned in a row straight across, which is what I don't understand how to do. Here is the coding I have:<div class="container"><div class="img-with-text"><img src="http://stackoverflow.com/questions/15525123/images/CarlCall.png" border="0" alt="Carl Call" width="177" height="229" style="border: 2px solid black;" /><p>Carl Call<br />(931)268-2040<br /><a href="mailto:[email protected]">Email Carl Call</a> </p></div><div class="img-with-text"><img src="http://stackoverflow.com/questions/15525123/images/sg.png" border="0" alt="Sjon Gentry" width="177" height="229" style="border: 2px solid black;" /><p>Sjon Gentry<br />(931)268-3273<br /><a href="mailto:[email protected]">Email Sjon Gentry</a></p></div><div class="img-with-text"><img src="http://stackoverflow.com/questions/15525123/images/jm.png" border="0" alt="John Mabery" width="177" height="229" style="border: 2px solid black;" /><p>John Mabery<br />(931)268-0651<br /><a href="mailto:[email protected]">Email John Mabery</a> </p></div><div class="img-with-text"><img src="http://stackoverflow.com/questions/15525123/images/tr.png" border="0" alt="Ted Ragland" width="177" height="229" style="border: 2px solid black;" /><p>Ted Ragland<br />(931)268-9387</p></div></div><p> </p>Any help would be greatly appreciated! This website for our church has just kind of got thrown at me to do, but I haven't learned CSS yet so I'm lost on some things.
 
Back
Top