我有一个UL元素,在div中包含4个图标,使用绝对定位将其拉到屏幕底部。该div包含在固定的侧边栏中。
我在列表项上使用display: inline
给我一个水平列表。
这是我在bootply上运行的代码,用于演示我遇到的问题。当它们应该是中心时,4个图标稍微向右偏移:
侧边栏中放置的其他内容没有中心问题。这只是这个清单。
我已经尝试了很多方法试图让图标集中在侧边栏中,但它们似乎都没有工作。我在列表项上尝试了inline-block
和float:left
,似乎得到了相同的结果。
有人能看到这里的错误吗?我确信我错过了一些简单的东西。
答案 0 :(得分:2)
#social-icons ul {
list-style: none;
margin: 0;
padding: 0;
}
您还写了text-align: c
而不是text-align: center
我还编辑了您的示例:link