Box images not centered when position on top

[adriancrook 0]

Check out this page: http://compulsionloop.com/our-clients/ The Pepsico box (purely placeholder) seems slightly too far to the right. How do I center it over the box title and text?

[catrina 103]

Hm, perhaps it looks that way because of the flush left/ragged right text below it. Would you like to see what the text looks like centered (that way it can be determined whether or not the images are centered)?

[onlinetracker 2]

Using FireBug, it looks like those images are centered.

[adriancrook 0]

Thanks for the quick replies! Take a look at the image on the far right - I've centered the text underneath it and you can still see that the image is further over to the right than the text. It's subtle, but noticeable.

[adriancrook 0]

You know what, I might have to take that back. It seems pretty centered when I break out the ol' pixel by pixel measurement. Odd. How can I do proportional width text in those boxes? That would remove the off-center sensation.

[catrina 103]

Hello, do you mean that you'd like the width of the text to be the same as the width of the images you will be placing above it?

[adriancrook 0]

Yes... so that the width of the text stretches to fill the available space. So there isn't a ragged right edge.

[catrina 103]

Justifying the text might be the best way to do it, but a disadvantage of that would be the big "rivers" of spaces between certain words (as shown in the right column here: http://www.pws-ltd.com/images/articles/justified-text.gif). We could still test it out, though. How wide will your images be?