JSFiddle - React, Tailwind, and code Playground

HTML

<div id="text-with-image">
    <img src="http://placehold.it/48x48" width="48" height="48" /> <span>First</span>
</div>
<div id="text">
    Second
</div>

CSS

#text-with-image,
#text {
    height: 48px;
    vertical-align: middle;
    display: table-cell;
    border: solid;
    text-decoration: underline;
}

img {
    vertical-align: middle;
}
#text-with-image > span {
    vertical-align:middle;
}