View Full Version : attempting to center text (title) under thumbnail

10-21-2009, 12:25 AM
Thank you in advance for your guidance...

I am using CSS to display thumbnails in a 'grid' w/out using tables (thanks to all who advised on that!), my issue is the title is off center of the thumbnail. I will put the code below:


li.title {
display: block;
list-style: none;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font: 14px;


<div class="pic ls"><a href="projects1.html" class="tn"><img src="images/thumbnails/Alaska/alaska00001.png" alt="Two Glaciers Picture" width="116" height="91" border="0"></a></div>
<li class="title">Two Glaciers</li>

I am under the impression that the text-align: center; is supposed to make the title center under the thumbnail, but it does not appear to be that way when I preview in IE8 & FF3.5.3 :confused:

Thank you for any guidance available!

10-21-2009, 05:14 AM
Hello Gabby7,
It seems to me that a caption is not a list so you're not using the ul for what it's intended.
Have a look at a photo presentation method of mine that may work for you - http://nopeople.com/CSS/thumbnail%20presentation/index.html

10-22-2009, 01:07 AM
Excavator, that is exactly what I am attempting to do! Thank you so much for the help!