I currently am comparing this in Safari and Firefox. A small image inside a

Question

Asked: May 12, 20262026-05-12T15:42:30+00:00 2026-05-12T15:42:30+00:00

I currently am comparing this in Safari and Firefox.
A small image inside a div, which I need to center vertically.

1) Why do I need a space after the image in order to get any align css to work?

2) What can I do to get Safari to perfectly center, it is 1-2px too low, essentially lining up the top of the image with the text.

Thanks

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-05-12T15:42:30+00:00

Editorial Team

Images are considered inline elements, so they’re basically treated as text.

If you want exact positioning across browsers, the safest way is to use the image for a background, rather than an inline img element.

The Archive Base Latest Questions