JSFiddle - React, Tailwind, and code Playground

HTML

<div style="display:table;width:30px;height:160px;" class='gray'>
    <img style="display:table-cell;width:30px;height:60px;padding:50px" src='http://i.imgur.com/Y3H6J9S.png' />
    <div class='orange' style="display:table-cell;height:30px;vertical-align:middle">Multiline text centered vertically</div>
</div>
<!-- note: img (height + 2x padding) must be equal to root div height -->

CSS

.gray {
    border: 1px solid grey;
}
.orange {
    border: 1px solid orange;
}