JSFiddle - React, Tailwind, and code Playground

HTML

<div class="list-image">
    <div class="holder">
        <img src="http://biomon.org/wp-content/3_3_0sciurus_vulgaris.thumbnail.jpg">
        <img src="http://biomon.org/wp-content/3_3_0sciurus_vulgaris.thumbnail.jpg">
        <img src="http://biomon.org/wp-content/3_3_0sciurus_vulgaris.thumbnail.jpg">
        <img src="http://biomon.org/wp-content/3_3_0sciurus_vulgaris.thumbnail.jpg">
        <img src="http://biomon.org/wp-content/3_3_0sciurus_vulgaris.thumbnail.jpg">
        <img src="http://biomon.org/wp-content/3_3_0sciurus_vulgaris.thumbnail.jpg">
        <img src="http://biomon.org/wp-content/3_3_0sciurus_vulgaris.thumbnail.jpg">
        <img src="http://biomon.org/wp-content/3_3_0sciurus_vulgaris.thumbnail.jpg">
        <img src="http://biomon.org/wp-content/3_3_0sciurus_vulgaris.thumbnail.jpg">
        <img src="http://biomon.org/wp-content/3_3_0sciurus_vulgaris.thumbnail.jpg">
        <img src="http://biomon.org/wp-content/3_3_0sciurus_vulgaris.thumbnail.jpg">
        <img src="http://biomon.org/wp-content/3_3_0sciurus_vulgaris.thumbnail.jpg">
    </div>
</div>

CSS

.list-image { 
    -webkit-box-shadow: 0px 0px 15px #222;
    -moz-box-shadow: 0px 0px 15px #222;
    box-shadow: 0px 0px 15px #222;
    overflow: hidden;
    width: 515px;
    background: #f2f2f2;
    border: 1px solid #000;
    font-size: 0;
    line-height: 0;
    letter-spacing: -1px;
}
.holder { margin: -1px 0 0 -1px; }
img {
    display: inline-block;
    vertical-align: top;
    margin: 1px 0 0 1px;
}
* html img { display: inline; }