不能让我的页脚内容中心

Question

我希望能从CSS中得到一些启示。看看http://oicjapan.org上任何页面的底部--地址/电话信息部分在页面中间看起来要好得多，但我似乎无法让它到达那里。将text-align:center设置在aside#footer-sidebar或div#fsidebar上，只将文本集中在<li>中，而整个内容则停留在#wrapper的左侧。margin-left:auto; margin-right:auto;对我尝试过的几个元素(#footer-sidebar、#fsidebar或#fsidebar-ul)没有任何明显的影响。

我不局限于CSS更改--如果需要更改标记，我可以这样做。

Answer 1

从float:left;中删除#hsidebar .widget-container, #fsidebar .widget-container，或者可以使用以下方法覆盖此规则：

#fsidebar #text-4 {
    float: none;
    text-align: center;
}

然后，从float:left;中删除#fsidebar #text-4 .textwidget > div > div，或者用以下规则覆盖它：

#fsidebar #text-4 .textwidget > div > div {
    display: inline-block;
    float: none !important;
}

希望这能成功！

Answer 2

如果要将块以页面为中心，则需要向#fsidebar添加一个宽度，例如：

#fsidebar {
    margin: 0 auto; // does the same thing as margin-left: auto; margin-right: auto;
    width: 400px;
}

如果你想要将这个块与你网页的右栏内移动，为什么不只是页边/垫块呢？与…有关的东西：

#fsidebar {
    margin-left: 350px; // use whatever looks to your liking
}

Answer 3

嗨，这是在您的网站上以页脚文本为中心的代码。

#fsidebar {
text-align: center;
}

.widget-container {
margin: 5.0%; 
}