javascript - css vertical-align for span inside div have height auto

Question

我的 css 有问题。
我在 span、h3 和 span 中有一个 div 和 3 个列。
我要:
div {height: auto}//根据h3中的内容自动改变
h3 {height: auto}//这个高度会根据内容改变。
跨度 {vertical-align: middle}

<div>
   <span>span 1</span>
   <h3>text</h3>
   <span>span 2</span>
</div>

请帮我设计一下样式。谢谢。

Answer 1

div > * {
  display: table-cell;
  vertical-align: middle;
  border: 1px solid red;
}
h3 {
  font-size: 30px;
  height:200px;
}

<div>
  <span>span 1</span>
  <h3>text <br />text</h3>
  <span>span 2</span>
</div>