JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
    <div class="side left" data-equalizer-watch>
        <span class="bump">&uarr;</span>
        <img src="http://lenta-ua.net/uploads/posts/2014-03/1393873729_apple.png" />
    </div>
    <div class="context left" data-equalizer-watch>
        <h5><a>Lorem ipsum dolor sit amet sit amet dolor sit amet sit amet amet, LOL here we go some text yeeeah</a></h5>
        <small class="clearfix">submitted 2 minutes ago by <a>tucnak</a></small>
        <div class="info">
            <a href="">0 comments</a>
            <a href="">share</a>
        </div>
    </div>
</div>

CSS

.side {
    display: inline-block;
    padding-right: 10px;
    overflow:hidden;
    width:110px;
}

.bump{
    float:left;
}

img{
    float:left;
    width:100px;
    max-width:100%;
}

.context {
    display: inline-block;
}
 .row{
     width :100%;
    display:inline-flex;
}