如何将此水平列表置于固定div中?

时间:2013-08-23 14:01:24

标签: html css twitter-bootstrap

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

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

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

http://bootply.com/76539

侧边栏中放置的其他内容没有中心问题。这只是这个清单。

我已经尝试了很多方法试图让图标集中在侧边栏中,但它们似乎都没有工作。我在列表项上尝试了inline-blockfloat:left,似乎得到了相同的结果。

有人能看到这里的错误吗?我确信我错过了一些简单的东西。

1 个答案:

答案 0 :(得分:2)

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

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

我还编辑了您的示例:link