Search code examples
htmlcssimagealignmentvertical-alignment

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.

Solution

  • Try this solution:

    <img src="img.png" style="margin-bottom:.25em; vertical-align:middle;">