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; 
} 

您可能需要創建新的類，因爲我不知道還有什麼你用小寬度。