ABSMIDDLE works differently on firefox and chrome?

Question

Hi, 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 better than firefox.

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.

Thanks

Answer 1

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

Answer 2

The align attribute of has been deprecated and is not supported in HTML 4.01 Strict or XHTML 1.0 Strict.

You should use CSS to achieve this effect. You could try the following code:

<img src="...." align="absmiddle" style="vertical-align:middle;" /> My Title Here

or

<img src="...." align="absmiddle" style="vertical-align:50%;" /> My Title Here