Geek asks and answers

Vertical alignment: baseline does not work in Chrome

I have this stupid question, to be honest. Anyway, here it goes. Ive tried to use vertical alignment: basic; which works on its own. The problem is that it works in IE and Firefox. My problem is that for some reason it does not work in Chrome. screenshot of the problem in chrome http://img576.imageshack.us/img576/8976/chromem.png

And here is what it should look like (there is 14px padding else, it would be at the very top) http://img62.imageshack.us/img62/140/firefoxi.png it looks the same in IE, like in firefox.

I do not use the table for my images and texts (just pointing out) I hope someone can help me because it has been giving me headaches for several days :(

+3
source share
1 answer

If you set the background div to display: table, and each of his children display: table-celldoes, it should work.

#outer_div
{
    display: table; /* display: inline-table; works as well */
}

#outer_div div
{
    display: table-cell;
    vertical-align: baseline;
}
0
source

More articles:


All Articles