將h2集中在div中？

Question

我看到這是一個非常簡單的問題，但我似乎無法解決它。

我需要一個h2要顯示像這樣（我指的是H2是紅色區域）：

Image here

正如你可以看到，有一個主div，孩子section和一對夫婦更多內部。 h2需要集中在子女section內。我需要h2在其周圍有padding和background-color。我嘗試將h2設置爲block，但仍然沒有任何反應。

任何人都可以幫我嗎？

Answer 1

嘗試應用一個邊距以將c2中的h2居中。

display: block; 
margin: 0 auto; 

Answer 2

普通的文本對齊應該只是罰款：
h2{ text-align:center; }

Answer 3

利潤率是你在尋找什麼

#big-container { 
 
    width: 600px; 
 
    height: 400px; 
 
    background-color: lightgrey; 
 
} 
 

 
#container { 
 
    margin: 0 auto; 
 
    width: 300px; 
 
    height: 200px; 
 
    background-color: grey; 
 
} 
 

 
h1 { 
 
    margin: 0 auto; 
 
    width: 110px; 
 
    text-align: center; 
 
    background-color:red; 
 
}

<div id="big-container"> 
 
    <div id="container"> 
 
    <h1> 
 
     Header 
 
    </h1> 
 
    </div> 
 
</div>