JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <img src="https://lh4.googleusercontent.com/-gjxoCu8Fu3c/AAAAAAAAAAI/AAAAAAAA-Wk/mVaqfjXjn4k/s46-c-k-no/photo.jpg" style="vertical-align: middle;"/>
    <span style="vertical-align: middle;">Here is some text that wraps.</span>
</div>

CSS

div {
    border: 1px solid red;
    width: 100px;
}
div img {
float: left;
border: 1px solid red;
}
.clearfix::after {
	content: "";
	clear: both;
	display: table;
}