JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper clearfix">
  <div class="image_container">
      <img src="http://www.netbsd.org/images/download-icon-orange.png" />
  </div>
  <div class="text">Zachary</div>
</div>

CSS

.image_container,.text{
   float:left;
    line-height:40px;
}

.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 */