如何让多行文字与图片垂直居中

其中最主要的两点是使用table–cell和vertical-align: middle，不多说，直接上代码。

<div class=box>
  <div>
    <img src="url" alt="">
  </div>
  <div>
    <span>多行文字</span>
  </div>
</div>

`
.box>div{
display: table-cell;
vertical-align: middle;
height: 100px;
}
.box>div>img{
width: 124px;
height: 100px;
vertical-align: middle;
}
.box>div>span{
vertical-align: middle;
}