css - 文本对齐：中心不居中文本

Question

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

它们显示为左对齐。

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

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

另外，如果您可以将标题中的最后一行文本#navigationText 居中，我将不胜感激，因为这似乎也不居中。

score 2 · Accepted Answer

只需float:left从.nav ul li. text-align:center将使所有display:inline浮动和不浮动的孩子居中。

.nav ul li {
    float: left;
}

score 0 · Accepted Answer

display:inline-block;在课堂上使用.nav ul...它会自动居中...

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

2 回答 2