css postioning with images and text at top?

i have this li list which displays an image with the username right 开发者_如何学运维next to it: but the username is at the bottom, i want it to be at the top:

just like this:

the code i have is at http://www.jsfiddle.net/RpCUV/ with an illustration of my current code,

i know this is a simple questions, but i'm new to this, thanks

add vertical-align: top to the CSS for the <img> tag

Just glancing over I would recommend floating the image and adjusting line-height

  li img{float:left;}
  li {line-height: 1.5 ish;}