html - 如何在固定的 div 中将这个水平列表居中？

Question

我有一个 UL 元素，在一个 div 中包含 4 个图标，该元素使用绝对定位将其拉到屏幕底部。该 div 包含在一个固定的侧边栏中。

我在列表项上使用了 display: inline 来给我一个水平列表。

这是我在 bootply 上运行的代码，用于演示我遇到的问题。这 4 个图标在它们应该居中时稍微向右偏移:

http://bootply.com/76539

放置在侧边栏中的其他内容在中心位置没有问题。就是这个列表。

我已经尝试了很多方法来尝试让图标在侧边栏中居中，但似乎都没有用。我在列表项上尝试了 inline-block 和 float:left，似乎得到了相同的结果。

谁能看出这里的错误？我确定我错过了一些简单的事情。

Answer 1

#social-icons ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

你还写了 text-align: c 而不是 text-align: center

我还编辑了您的示例:link