JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
    <div class="cont">
        <img src="http://www.placehold.it/100" />
        <img src="http://www.placehold.it/100" />
        <img src="http://www.placehold.it/100" />
        <img src="http://www.placehold.it/100" />
        <img src="http://www.placehold.it/100" />
        <img src="http://www.placehold.it/100" />
        <img src="http://www.placehold.it/100" />
        <img src="http://www.placehold.it/100" />
        <img src="http://www.placehold.it/100" />
        <img src="http://www.placehold.it/100" />
    </div>
</div>

CSS

.outer {
    display: block;
}

.cont {
    width: 400px; /* Need to set a width so that margin: 0 auto; works */
    margin: 0 auto;
    font-size: 0; /* Removes whitespace for inline-block elements such as images */
}