JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
                        <div class="bx"></div>
                        <div class="bx"></div>
                        <div class="bx"></div>
                        <div class="bx"></div>
                        <div class="bx"></div>
</div>

CSS

.content {
    text-align:center;
    width:150px;
    background:red;
}

.bx {
    background:green;
    width:30px;
    height:30px;
    display:inline-block;
}