JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <ul>
        <li><img src="http://static.comicvine.com/uploads/original/2/29462/582674-kenny.png" /></li>
        <li><img src="http://static.comicvine.com/uploads/original/2/29462/582674-kenny.png" /></li>
        <li><img src="http://static.comicvine.com/uploads/original/2/29462/582674-kenny.png" /></li>
        <li><img src="http://static.comicvine.com/uploads/original/2/29462/582674-kenny.png" /></li>
    </ul>
</div>

CSS

* {
    margin: 0;
    padding: 0;    
}

div {
    width: 100%;
}

li {
    display: inline-block;
    float: left;
    list-style: none;
    margin-right: 1.25em;
    width: calc(25%-.9375em);
}

li:last-child {
    margin-right: 0;
}

img {
    width: 100px;
}