JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<div id="container">
    <div class="box">
        <div class="text">Text</div>
    </div>
    <div class="box">
        <div class="text">Text</div>
    </div>
    <div class="box">
        <div class="text">Text</div>
    </div>
</div>

CSS

.box {
    background-color: coral;
    width: 30%;
    display:inline-block;
    margin:10px 0;
    border-radius:5px;
}
.text {
    padding: 10px 0;
    color:white;
    font-weight:bold;
    text-align:center;
}
#container {
    white-space:nowrap;
    text-align:center;
}