Hey, I'm after a simple way to get the equivalent of
<table height="200px"> <tr> <td valign="center">text thats 10px height</td> <td valign="center"><img src="graphics/image_20px_high.png" /></td> </tr> </table> I'm aware that I can use the line-height CSS property center the line object in the container, as so: <div style="height: 200px; font-size: 10px; line-height: 200px"> text thats 10px height <img src="graphics/image_20px_high.png" /> </div> And that will successfully vertically align both the txt and image within the DIV. However what it doesn't do is vertically align each, individually. So the text and the image share the same baseline meaning the large image pops up above the text (rather than the text appearing as if it were on a horizontal line through the middle of the image). How can I achieve this behavior? Thanks ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/