JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <ul>
        <li> <a href=""><img src="http://placekitten.com/100/100" alt=""></a>

        </li>
        <li> <a href=""><img src="http://placekitten.com/100/100" alt=""></a>

        </li>
        <li> <a href=""><img src="http://placekitten.com/100/100" alt=""></a>

        </li>
        <li> <a href=""><img src="http://placekitten.com/100/100" alt=""></a>

        </li>
    </ul>
</div>

CSS

* {margin:0; padding: 0;}
div {width: 200px; height: 200px;}
ul {
    list-style:none;
        vertical-align: top;    

}
ul li {
    display: inline-block;
    float:left;
}