How to align inline img href with text tag it's in?

Question

I have an <a> tag inside a <h4> tag, so any text displayed in the <a> tag has the style from the h4 and is inline with it.

How can I vertically align all of these elements? I haven't really displayed <a> tags in this way before.

Answer 1

If I've understood this properly just add this to your css:

img {
    vertical-align: text-top;
}

Fiddle