text-align：center not centering text

Question

我想知道如何在这个页面中居中使用字形，它们是使用@ font-face的图标字体，但即使我将text-align：center应用于包含每个字形的锚点，它们也不是定心。

它们看起来是左对齐的。

有关如何修复它们以使它们居中的任何想法吗？

我更喜欢不涉及css3的flexbox的解决方案。

以下是页面：https://dl.dropbox.com/u/270523/help/initializr/index.html

另外，如果您可以将标题中的最后一行文本居中放在#navigationText中，我会非常感激，因为它似乎也没有居中。

Answer 1

只需从float:left移除.nav ul li即可。 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;
}