css - WordPress で Div がセンタリングされない

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;
}

score 2 · Accepted Answer

いくつかのことが原因のようです。以下のスタイルを現在の定義に追加してみてください (または、既に存在する場合は変更してください)。

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

以前.propreqはdisplay:inline, float:left適用していたため、適用していたスタイルが無効になります。これがあなたが探していたものを提供することを願っています! そうでない場合はお知らせください。さらにサポートさせていただきます。幸運を！

score 0 · Accepted Answer

いくつかの理由が考えられます。

1 つ目: 開発者ツール (Chrome/FireFox) を使用して CSS を調べてみてください。これをオーバーライドする別の CSS ルールがある可能性があります。

2回目：使ってみる

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

私の最善の推測は、別の CSS ルールが Center プロパティを追い越しているということです。

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

ヒント:「FireFox 開発者ツールを使用した調査」で簡単に検索してください | ~~text-align: center;~~インセクションをチェックしてください.propreq。

2 に答える 2