JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width:300px; overflow-x: auto;white-space: nowrap;">
    <div style="vertical-align:top">
        <div class="x">
            <img src="http://25.media.tumblr.com/avatar_dae559818d30_128.png" />
            <div style=""><span class="text">Grumpy Cat is a famous cat</span><!--
        --></div><!--
        --></div><!--
        --><div class="x">
            <img src="http://scottsdalepethotel.com/wp-content/uploads/et_temp/cat-648150_128x128.jpg" />
            <img src="http://playgo.ro/wp-content/themes/play3.0/play.png" style="position:absolute; left:0; top:0" />
        </div>
        <div class="x">
            <img src="http://blog.sureflap.com/wp-content/uploads/2011/11/Maru.jpg" />
        </div>
    </div>
</div>

CSS

.text {
    vertical-align:top;
    display:inline-block;
    white-space:normal;
    word-wrap: break-word;
    width:70%;
    max-width:70%;
}
.x {
    border:1px solid #000000;
    display:inline-block;
    white-space:nowrap;
    position:relative;
    width:42%;
    vertical-align: top;
   }