html - 在 div 中垂直对齐，h1 周围没有空格

Question

我必须让我的内容 div 在我的标题 div 中垂直居中，我也不需要在内容 div 周围留出空间，因为我确实让它工作了，但它每次都会占用 100% 的宽度。这是我的代码

#header {
  position: absolute;
  width: 100%;
  height: 15%;
  background-color: white;
  z-index: 10;
  overflow: hidden;
  display: table;
}
#content {
  display: table-cell;
  overflow: auto;
  vertical-align: middle;
  padding: 0px;
  margin: 0px;
  float: left;
}
h1 {
  display: inline-block;
  margin: 0px;
}

<div id="header">
  <div id="content">
    <h1>Jari Rengeling</h1>
  </div>
</div>

Answer 1

不确定这是否是您要实现的目标:

https://jsfiddle.net/pf8oujj6/

使用

display: inline-block;