Div不在WordPress中居中

Question

我试图让div在页面上居中。然而，WordPress并不像我在测试HTML文档中那样合作并且这样做。有什么想法吗？

HTML

<div class="propreq grid_4"><h2>Request a Proposal</h2></div>

CSS

.propreq {
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: #0e7bd0;
}

Answer 1

看起来这是因为有几件事。尝试将以下样式添加到当前定义中（或者如果它们已经存在则更改它们）：

.propreq {
    display: block;
    float: none;
}

之前，.propreq已应用display:inline, float:left，使您应用的样式无效。我希望这会给你你想要的东西！如果没有，请告诉我，我将很乐意进一步提供帮助。祝你好运！

Answer 2

可能有几个原因。

1st：尝试使用开发人员工具（在Chrome / FireFox中）检查CSS。 可能还有另一个CSS规则，就是过度使用这个规则。

第二名：尝试使用

<div align="center" class="propreq grid_4"><h2>Request a Proposal</h2></div>

我最好的猜测是，另一个CSS规则正在超越中心属性。

.propreq {
margin: 0 auto;
text-align: center;
padding-top: 20px;
padding-bottom: 10px;
background-color: #0e7bd0;
}

提示：快速搜索“使用FireFox开发人员工具进行检查”|查看text-align: center;部分中的 .propreq 。