text-align：居中不居中的文本

Question

我在想如何將字形居中放在這個頁面中，他們是使用@ font-face的圖標字體，但即使在我應用文本對齊：居中之後，包含每個字形，它們不是居中。

它們顯示爲左對齊。

任何想法如何解決它們使他們居中？

我更喜歡不涉及css3 flexbox的解決方案。

這裏是頁：https://dl.dropbox.com/u/270523/help/initializr/index.html

此外，如果你能居中文本的最後一行在頭，#navigationText，我將不勝感激，由於這似乎沒有任何居中。

Answer 1

只需從.nav ul li刪除float:left。 text-align:center將以display:inline爲中心並且不是浮動的所有孩子。

.nav ul li { 
    float: left; 
} 

Answer 2

使用display:inline-block;在.nav ul類......它會在自動中心...

.nav ul { 
    display: inline-block; 
    list-style: none outside none; 
    margin: 0; 
    padding: 0; 
}