html - 別の div 内で div を中央に配置する方法

Question

私はこれらの 2 つの div を持っており、一方を他方の中央に配置したいと考えています。どんな助けでも大歓迎です。

<div class="PicturesBackground" style="height:350px; width: 100%; background: green; border-radius:15px;">
<div class="ContentArea" style="height:80%; width:90%; background: blue; margin-top:30px"></div></div>

マージンとパディングを使用してみましたが、背景の div 内の ContentArea Div だけでなく、全体にマージン/パディングを配置します。

Answer 1

これはどうですか ：

.ContentArea{
    margin-left: auto;
    margin-right: auto;
}

Answer 2

これを試してください：

margin: 30px auto;

お役に立てれば！