JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="text">your text here</div>
    <img src="http://img.theranking.com/card/87452/image/5dd5dc8cf497af2158341598f4d0ee2f/resize_image.jpg"/>
    <div class="clear"></div>
</div>
<div class="container">
    <div class="text">your text here</div>
    <img src="http://creandofuturo.es/sites/default/files/styles/perfil-mini/public/default_pic/user.png?itok=oQAXXXjo"/>
    <div class="clear"></div>
</div>
<div class="container">
    <div class="text">your text here</div>
    <img src="http://search.creativecommons.org/cc-wp/img/twitter.png"/>
    <div class="clear"></div>
</div>

CSS

.container {
    display:table;
    width:100%;
    height:auto;
    background-color:#ccc;
    margin:10px 0px;
}
.container .text {
    display:table-cell;
    height:100%;
    vertical-align:middle;
}
.container img {
    display:block;
    float:right;
}
.container .clear {
    clear:both;
}
}