将标题元素内容居中

Question

如何将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>

Answer 1

您只需添加text-align: center到父元素即可.它也是响应.

header {
  text-align: center;
}

<header>
  <h1 id="title">Lorem Ipsum</h1>
  <img id="arrows" src="http://placehold.it/100x100" />
  <h3 id="sub-title">Lorem ipsum</h3>
</header>