Question

I need a css gunu out there to help me with this one.
Right I have an a tag which is a block element fixed width and height. Within it is a background image and the images title.
I’m trying to align the text to the bottom and I’m getting no where.
I’ve tried doing
display:table-cell;
vertical-align:bottom;
and all manner of different ways.
Bu getting nowhere. I know that I could do line-height but that has that weird dotted line around the element.
Just tried having a span with the text in that within the a tag and vertical align that but no joy although the underline has moved to the bottom. Which is odd!
Any help much appreciated.
Richard

Answer 1

The parent element needs display:table and then the element you want on the bottom has display:table-cell; align:bottom;