html 使得两个元素 左右并排垂直居中对齐的最好方法是用 span 标签把他们都包起来。

html 使得两个元素 左右并排垂直居中对齐的最好方法是用 span 标签把他们都包起来。
然后给下面的样式。

.cell{
          height: 40px;
          vertical-align: middle;
          display: inline-block;
          line-height: 40px;
    }

<span class="cell">
    <b>abc</b>
</span>
<span class="cell">
    def
</span>

那么显示效果是 abcdef 垂直在一行。
当然内部元素的高度不能超过。cell 定义的高度。