Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

ABSMIDDLE works differently on Firefox and Chrome?

I have an icon image and text like the following. The code source of everything is:

<img src="...." align="absmiddle" /> My Title Here

The problem is that the icon is not aligned vertically with the title in Chrome compared to firefox.

alt text

I think the absmiddle doesn't work at all! Is there any solution? I don't want to use a table with 2 columns to fix this issue.

like image 571
CodeOverload Avatar asked Mar 19 '10 23:03

CodeOverload


2 Answers

Try this solution:

<img src="img.png" style="margin-bottom:.25em; vertical-align:middle;">
like image 140
ChipFind Avatar answered Sep 25 '22 00:09

ChipFind


vertical-align: middle; may be what you're looking for. I wouldn't necessarily assume WebKit knows from "absmiddle".

like image 25
Anonymous Avatar answered Sep 25 '22 00:09

Anonymous