html - 2つのdivを中央に配置

Question

div中央に配置したい2つのがあります。

これが私のコードですが、機能しません：

HTML

<div id="central-top-wrapper" class="clearfix"> 
    //content
</div> 

<div id="central-bottom-wrapper" class="clearfix"> 
    //content 
</div> 

CSS

#central-top-wrapper {
    float: left;
    width: 70%;
    display: block;
    margin: 0 auto;
}  
#central-bottom-wrapper {
    width: 43%;
    float: left;
    display: block;
    margin: 0 auto;
} 

Answer 1

あなたがそれらを左に浮かせているので、それは機能していません。

各DIVからフロート左属性を削除し、両方に「マージン：0自動」を与えます。

また、表示を状態にする必要はありません。デフォルトの状態であるため、DIVでブロックします。

Answer 2

これを使って：

<div style="text-align: center;">
<div id="central-top-wrapper">
    //divs content
</div>

<div id="central-bottom-wrapper">
    //divs content
</div>
</div>

Css：

#central-top-wrapper {width: 70%; margin: 0;}  
#central-bottom-wrapper {width: 43%; margin: 0;}