JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
<ul>
<li><img src="http://www.kidsmathgamesonline.com/images/pictures/numbers600/number20.jpg"></li>
<li><img src="http://www.kidsmathgamesonline.com/images/pictures/numbers600/number20.jpg"></li>
<li><img src="http://www.kidsmathgamesonline.com/images/pictures/numbers600/number20.jpg"></li>
<li><img src="http://www.kidsmathgamesonline.com/images/pictures/numbers600/number20.jpg"></li>
<li><img src="http://zizaza.com/cache/small_wm/iconset/166505/16670/PNG/256/characters/number_numeric_2.png"></li>
<li><img src="http://zizaza.com/cache/small_wm/iconset/166505/16670/PNG/256/characters/number_numeric_2.png"></li>
<li><img src="http://zizaza.com/cache/small_wm/iconset/166505/16670/PNG/256/characters/number_numeric_2.png"></li>
<li><img src="http://zizaza.com/cache/small_wm/iconset/166505/16670/PNG/256/characters/number_numeric_2.png"></li>
<li><img src="http://zizaza.com/cache/small_wm/iconset/166505/16670/PNG/256/characters/number_numeric_2.png"></li>
<li><img src="http://zizaza.com/cache/small_wm/iconset/166505/16670/PNG/256/characters/number_numeric_2.png"></li>
<li><img src="http://zizaza.com/cache/small_wm/iconset/166505/16670/PNG/256/characters/number_numeric_2.png"></li>
<li><img src="http://zizaza.com/cache/small_wm/iconset/166505/16670/PNG/256/characters/number_numeric_2.png"></li>
<li><img src="http://zizaza.com/cache/small_wm/iconset/166505/16670/PNG/256/characters/number_numeric_2.png"></li>
<li><img src="http://zizaza.com/cache/small_wm/iconset/166505/16670/PNG/256/characters/number_numeric_2.png"></li>
</ul>	
</div>

CSS

#content {
top: 10%;
padding-left: 0px;
position: fixed;
overflow:auto;
height: 90%;
width: 100%;
}	

#content ul {
white-space:nowrap; list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#content li {
display: inline;
padding: 0px 25px 0px 0px;
}

#content ul li img {
max-height: 600px;
}