在div中集中h2？

Question

我认为这是一件非常简单的事情，但我似乎无法解决它。

我需要h2这样显示（h2我的意思是红色区域）：

Image here

正如您所看到的，有一个主div，一个孩子section以及更多内部。 h2需要集中在孩子section中。我需要h2围绕它padding background-color。我已尝试将h2设为block，但仍未发生任何事情。

任何人都可以帮助我吗？

Answer 1

尝试应用边距将h2置于css中心。

display: block;
margin: 0 auto;

Answer 2

正常的文本对齐应该可以正常工作：
h2{ text-align:center; }

Answer 3

保证金就是你要找的东西

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;