css - 幅が100％でもdivを中央揃えにする方法

Question

コンテナーを使用して<div>おり、そのコンテナーを 100% に設定しています。そのコンテナ内で<div>、50％でいくつか言及しましたが、左側に配置されています。今私の質問は、メインコンテナを中央に揃えて中央に揃えることができるかどうかです。私の内側のコンテナが中央に揃うように。私を助けてください。

私のhtmlコードは、

<div class="container">
     <div class="co1">
           <p>content</p>
     </div>
     <div class="co2">
           <p>content</p>
     </div>
</div>

私のcssコードは、

.container{
width:100%;
}

.co1{
width:50%;
}

.co2{
width:50%;
}

Answer 1

マージンを自動に設定する必要があります。

margin-left : auto;
margin-right : auto;

Answer 2

はい、これは水平方向にのみ機能する自動マージンで行われます。

内部の 2 つの DIV の CSS に次を追加します。

margin: 0 auto;

Answer 3

margin-left:0 auto;
margin-right:0 auto;