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