On Mon, Apr 13, 2009 at 3:45 AM, Tim Dawson <t...@ramasaig.com> wrote:
> I'm working on a site which has several images on the page (300x225px). > Each > image has some descriptive text alongside, which generally is not as high > as the > image. My client would like the text vertically centred on the image. > > http://www.mull-bed-and-breakfast.co.uk/newcrofts/self-catering.php > > CSS deliberately seems to avoid a v-align capability in paragraphs. I > realise I > could introduce padding, but that would have to be tailored for every piece > of > text. Tables allow v-align in cells, I know, but I don't want to go that > route > either Is there a better way, please ? > > Tim Dawson I just woke up, so roll with me here. How about wrapping each image/text in a div/p combination. Since images are inline elements, this should technically be the more semantic way of doing it. By wrapping the text inside a span, you should be able to open yourself up to using the vertical-align property of CSS. -- -Jack Timmons http://www.trotlc.com Twitter: @codeacula ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
