横に並んだ画像とテキストを縦中央に揃える

見出しの前にアイコンを付ける時とか用

①display:table-cellを使う

<div class="content">
 <p><img src=""></p>
 <p>テキストテキスト</p>
</div>

div.content p{
    display:table-cell;
    vertical-align:middle;
}

親ボックスにflexを設定（ベンダープレフィックスは省略）

div.content{
    display:flex;
    justify-content:center;
    align-items:center;
}