Question

I have td which has a background set to bottom.
And I want to keep my h2 tag on top of that background. But the height of td may change from one td to another.

What I expect is something like below. Is it posible to do with css Any help?

Thanks

Answer 1

Try adding your background to the h2 element (using CSS) instead of to the td. Then use vertical-align: bottom on the td to force it to the bottom.

http://jsfiddle.net/mblase75/Bxxx5/

td {
    vertical-align: bottom;
    text-align: center;
}
h2 {
    background-image: url(whatever.png);
}