JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <span><img src="http://placehold.it/50x50" /></span>
<span>
    here is some text to align with an image
    here is some text to align with an image
    here is some text to align with an image
    here is some text to align with an image
    here is some text to align with an image
    here is some text to align with an image
    here is some text to align with an image
    here is some text to align with an image
</span>
</div>

CSS

div {
    padding: 30px;
    background-color: salmon;
    width: 400px;
    display: table;
}
img {
    vertical-align: middle;
    display: table-cell;
    margin-right: 1em;
}
span {
    vertical-align: middle;
    display: table-cell;
}