JSFiddle - React, Tailwind, and code Playground

HTML

<div id='outbox'>
    <div class='inner'></div>
    <div class='inner'></div>
    <div class='inner'></div>
    <div class='inner'></div>
    <div class='inner'></div>
    <div class='inner'></div>
    <div class='inner'></div>
    <div class='inner'></div>
    <div class='inner'></div>
    <div class='inner'></div>
</div>

CSS

html, body {
        margin: 0;
        width: auto;
    }

#outbox {
    margin: auto;
    width: auto;
    background:gray;
    text-align:center;
}

.inner {
    background-color:black;
    width: 100px;
    height: 100px;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
}