JSFiddle - React, Tailwind, and code Playground

HTML

<div>

</div><ul>
    <li><img src="https://developer.iallways.com/use/html5ng/dist/img/user2-160x160.jpg" /></li>
    <li><img src="https://developer.iallways.com/use/html5ng/dist/img/user2-160x160.jpg" /></li>
    <li><img src="https://developer.iallways.com/use/html5ng/dist/img/user2-160x160.jpg" /></li>
    <li><img src="https://developer.iallways.com/use/html5ng/dist/img/user2-160x160.jpg" /></li>
    <li><img src="https://developer.iallways.com/use/html5ng/dist/img/user2-160x160.jpg" /></li>
</ul>
<div>

</div>

CSS

ul {
    max-width:800px;
    margin: 0 auto;
    text-align: center;
}

ul li {
    float: left;
}

ul li img {
    margin:5px;
}