Centering an image within an anchor element

css, html

Solution

Vertical align only really applies to sibling elements. This should work:

<a href="url"><img scr="imgurl"/><span>Text</span></a>

With CSS:

a img, a span { vertical-align: middle; }

Problem

I have an anchor element that looks like this ``` <a href="url"><img src="imgurl"/>Text</a> ``` I would like the image and the text of the anchor element to vertically align. I've tried adding vertical-align (css), padding, margins, ets, but the image will not vertically align with the text.

Original source