Why are inline block elements misaligned?

Question

Inside a div with vertical-align: top; I have two elements, an img<

Answer 1

vertical-align: top is to be added to each element

DEMO http://jsfiddle.net/CaU59/1/

Answer 2

You need to add vertical-align to the elements themselves, not their container. They are currently aligned baseline as you can see from the text lining up with the image.

http://jsfiddle.net/CaU59/2/