css - 无序列表不在DIV中居中。

在进行响应式设计时，我注意到除了我的无序列表之外，其他所有东西都是响应式的。调整浏览器大小时，列表不会移动或不在其DIV中居中。我整天尝试了很多事情，但根本无法解决。对于上下文，#sitecontent是容纳所有内容的容器，#sitecontent .leftsidebar包含图像和无序列表，而#sitecontent .leftsidebar ul是无序列表。有人可以检查出来并告诉我怎么了吗？请访问我的网站http://www.tommaxwell.me并查看源。

最佳答案

试试这个CSS：

#sitecontent .leftsidebar ul {
position: relative;
top: -5px;
list-style-type: none;
font-family: 'Patua One', cursive;
padding-left: 10px;
}

#sitecontent .leftsidebar ul li {
margin-bottom: 3%;
clear: both;
border-bottom: 1px solid #E5E5E5;
font-family: helvetica;
text-align: center;
}