JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
<div class="container">
    <img src="http://lorempixel.com/200/200" alt="#" /> 
    <div class="text">
        <h1>Heading 1</h1>
     headline and text below it
    </div> 
</div> 
</div>

CSS

.wrapper{
}
.container {
    margin: 0 auto; 
    clear: both;
    display:table-row;
} 
.container img {
    display:table-cell;
    padding-right:10px;
} 
.container .text {
    display:table-cell; 
    vertical-align: middle;
}