CSS HTML：难以集中如何将这段文字居中

Question

我该如何处理垂直居中这个下拉菜单中的名字“Tony Robbins”？我已经尝试在包含文本的跨度和包含文本的li＃drop-avatar中添加vertical-align：middle。有人能让我知道我在做什么错吗？

P.S.是否还有一种获得文本对齐的方式：中心也在工作，所以“Tony Robbins”也是水平居中的？

http://jsfiddle.net/vJaaR/

Answer 1

地址：

img 
{ 
    vertical-align: middle; 
} 

因为你的文字是内嵌的图像，你需要告诉图像如何与文本对齐。

Answer 2

span是一个内联元素，所以它只会占用它需要的空间量。考虑使用display: block跨越一个块元素，它将占用全部宽度。然后你可以申请text-align: center。

不过，在这种情况下，您可能必须将图像浮动到左侧。

更新：我添加的样式小提琴：

http://jsfiddle.net/Dismissile/vJaaR/1/

这是否你想要做什么？

这是我加的样式：

a.small-width > span { 
    display: block; 
    text-align: center; 
} 

a.small-width > img { 
    float: left; 
} 

您可能需要创建新的类，因为我不知道还有什么你用小宽度。