JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<div id="img_wrap">
    <div id="img_innerWrap">
        
        <img src="http://lorempixel.com/350/300/nature/" alt="" />
        <img src="http://lorempixel.com/250/150/nature/" alt="" />
        <img src="http://lorempixel.com/150/200/nature/" alt="" /><
        
    </div>
</div>

CSS

html,
body,
#img_wrap {
    height: 100%;
    min-height: 100%;
}

#img_wrap {
    overflow-x: auto;
    overflow-y: hidden;
}

#img_innerWrap {
    white-space: nowrap;
    height: 100%;
    float: left;
    width: 100%;
}

#img_wrap img {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    height: 100%;
}