How can I vertically center an image with an anchor inside a div?

Question

I have a row of DIVs for my navigation and I\'m trying to vertically center an image with an anchor inside them using only CSS. I tried vertical-align: middle; but that isn\

Answer 1

Don't know why you are using li to hold the anchor element. From the question there is no mention for the li. So I assume you just need one image and one anchor. Check this out:

http://jsfiddle.net/U64Tg/2/

Basically you just need to have the helper to have 100% height of the container div. And you need to use

vertical-align: middle;
display: inline-block;

on all child elements in the container div to make them vertically aligned.