Centering an image within an anchor element

Question

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.

Answer 1

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; }