「li」內聯元素的高度

Question

我試圖設置「display：inline」爲css的「li」的高度。 我知道內聯元素重置高度，但我需要它顯示：內聯只是文本對齊中心的列表。

這是我的CSS：

li{ 
    font-size: 28px; 
    border-right: 1px solid #b9b9b9; 
    margin-right: 15px; 
    padding-right: 15px; 
    line-height: 40px; 
    display: inline; 
    text-align: center; 
    color: #ffffff; 
} 

我需要修復的高度根據文字高度顯示邊框的高度，這就是現在發生的事情：

任何想法解決這個問題？記住，我需要內聯顯示文本將列表中心對齊ul。

如果有其他辦法的text-align：中心名單，也將有助於我想......

Answer 1

你應該使用display: inline-block：

http://jsfiddle.net/hBz7G/1/

Answer 2

試試這個：

剛剛刪除了行高的屬性，使它從頂部有空間，只是給右邊距和右邊距來填充右邊空間。

li{ 
    font-size: 28px; 
    border-right: 1px solid #b9b9b9; 
    margin: 0 15px 0 0; 
    padding: 0 15px 0 0; 
    display: inline; 
    text-align: center; 
    color: #ffffff; 
}