14/09/2011 20:50, Web Developer wrote:
Have a look at this test page: http://www.kpuc.org/test.html
I need to vertically align the baseline of the text with the bottom of
the background image, regardless of font size. I could do it if the icon
was an actual <img>, but what about in this case, where it's a
background image?
It gets more difficult that way, and as this seems to be a content
image, it would seem more natural to have it as content image embedded
with <img>. You could add
.userIcon { display: table-cell; height: 48px; vertical-align: bottom }
but it's problematic in terms of browser support, flexibility, and the
exact effect (it aligns the bottom of the text box with the bottom of
the image, rather than the baseline).
--
Yucca, http://www.cs.tut.fi/~jkorpela/
______________________________________________________________________
css-discuss [[email protected]]
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/
