JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container clearfix">
    <div class="left"><img src="http://placehold.it/700x600" alt="" /></div>
    <div class="right">This is the text that's gonna sit on the right</div>
</div>

CSS

.container {

}
.left {
    float: left;
}
.right {
    background: #f1f1f1;
    overflow: hidden;
    padding-left: 20px;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */