Question

How would I go about vertically centering the name “Tony Robbins” for this drop down menu? I’ve tried adding vertical-align:middle to both the span containing the text and to the li#drop-avatar which contains the text. Can someone let me know what I’m doing wrong?

P.S. is there also a way to get text-align: center also working so “Tony Robbins” is also centered horizontally?

http://jsfiddle.net/vJaaR/

Answer 1

add:

img
{
  vertical-align: middle;
}

Because your text is inline with the image, you need to tell the image how to align with the text.