单独设置 h2-Element 样式，即使它位于受 flex 影响的 div 内

Question

我将页面分成多个部分，其中一个部分包含一个 h2-Tag（该部分的标题）和一个 div（包含一个 p-Tag）。 我希望文本在该部分内完全居中，因此，我使用 flex 将元素居中。 现在我需要在左侧对齐标题（参见图片以获得更好的解释）。 https://ibb.co/b5DSpT 如果我将它添加到受 flex-property 影响的 div 中，则样式是完全错误的。如果我将其从 div 中删除，则文本不再完全居中，因为 h2-tag 占据了该部分的一小部分。

任何想法如何解决这个问题？

谢谢， 迈克

Answer 1

您不需要使用 flex。检查下面的代码。

.wrapper{
  padding:25px;
  background:#d0e1d9;
}

.title{
  color:#000;
  font-size:20px;
  margin:0 0 25px 0;
  
}

.section{
  padding:50px 25px;
  text-align:center;
  font-weight:bold;
  font-size:20px;
  background:#e5e5e5;
}

<div class="wrapper">
  <div class="title">Uber uns</div>
  <div class="section">This is the Div with the Text</div>
</div>