JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="box-1" class="box">1</div>
    <div id="box-2" class="box">2</div>
    <div id="box-3" class="box">3</div>
</div>

CSS

#container {
    width: 100%;
    border-color: blue;
    text-align: center;
}

.box {
    display: inline-block;
    width: 100px; height: 200px;
    margin: 10px 20px;
}

#box-1 { background-color: red; }
#box-2 { background-color: green; }
#box-3 { background-color: pink; }