使用flex弹性布局，可以将元素放在一行上。
用div将这一行的元素包裹起来， 然后div的样式如下:

<style>
.header {
  display:flex;
  width:100%;
  align-items:center;/*垂直居中*/
  justify-content: center;/*水平居中*/
  }
 </sytle>
  

里层的元素，也可以用div包裹起来，然后设置百分比宽度style=“width: 60%”
这样里层的多个元素就能放在同一行居中或者水平显示了，如果没在一行，里面元素增加样式

display: inline-block;