Html 标题元素内的内容居中

如何将img和h1置于div的中心？ 现在我有一个png和一个h1的标题，但内容是自动在左上角。我怎么把它放在中间，并保持它的反应？ 这是我的HTML：

   <header>
       <h1 id="title">Lorem Ipsum</h1>

       <img id="arrows" src="images/arrows.png">
       <h3 id="sub-title">Lorem ipsum</h3>
   </header>

乱数假文
乱数假文

这就是您想要的：

这就是你想要的吗：

---

只需将

text align:center

添加到父元素中即可。它也很灵敏

标题{
文本对齐：居中；
}

乱数假文
乱数假文

您只需将

文本对齐：居中

添加到父元素。它也很灵敏

标题{
文本对齐：居中；
}

乱数假文
乱数假文

您可以将h1和img包装在一个div中。从div中可以执行边距：0 auto；这将使h1和img居中

div{ margin: 0 auto; text-align: center; }

---

您可以将h1和img包装在一个div中。从div中可以执行边距：0 auto；这将使h1和img居中

div{ margin: 0 auto; text-align: center; }

使用css

header {
  text-align: center;
}

使用css

header {
  text-align: center;
}

---

谢谢如何垂直居中？您可以尝试打开一个新问题，因为它也会改变答案和问题的整个上下文：）谢谢！如何垂直居中？您可以尝试打开一个新问题，因为它也会改变答案和问题的整个上下文：）