JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
        <div class="holder">
            <div id="item1" class="items">a
            </div>
            <div id="item2" class="items">b
            </div>
            <div id="item3" class="items">c
            </div>
            <div id="item4" class="items">c
            </div>
            <div id="item5" class="items">c
            </div>
            <div id="item6" class="items">c
            </div>
            <div id="item7" class="items">c
            </div>
            <div id="item8" class="items">c
            </div>
            <div id="item9" class="items">c
            </div>
        </div>
    </div>

CSS

#body {
    width: 100%;
}
#container {
    background-color: #000;
    display: block;
    margin: auto;
}
.items {
    width: 100px;
    margin: 10px;
}
.items {
    background: red;
    display: inline-block;
}
.holder{
    width: auto;
    margin: 0 auto;
    background: green;
    max-width: 500px;
}