JSFiddle - React, Tailwind, and code Playground

HTML

<div>    
    <ul>
        <li><a href="#"><img src="http://placehold.it/50x50" /></a></li>
        <li><a href="#"><img src="http://placehold.it/50x50" /></a></li>
        <li><a href="#"><img src="http://placehold.it/50x50" /></a></li>
        <li><a href="#"><img src="http://placehold.it/50x50" /></a></li>
        <li><a href="#"><img src="http://placehold.it/50x50" /></a></li>
        <li><a href="#"><img src="http://placehold.it/50x50" /></a></li>
        <li><a href="#"><img src="http://placehold.it/50x50" /></a></li>
        <li><a href="#"><img src="http://placehold.it/50x50" /></a></li>
        <li><a href="#"><img src="http://placehold.it/50x50" /></a></li>
        <li><a href="#"><img src="http://placehold.it/50x50" /></a></li>
    </ul>
</div>

CSS

* {
    margin: 0;
    padding:0;
}

div {
    width: 400px;
   /* overflow:hidden;  für scrolling mit JS */
    overflow-x: scroll; /*scrolling ohne JS */
}

ul {
    width: 800px;
}

li {
    list-style-type: none;
    float: left;
}