JSFiddle - React, Tailwind, and code Playground

by Byron Bai

HTML

<div class="parent">
    <div class="child">
        sdfsdfsdfsdfdsfsdf
    </div>
    <div class="child">
        sdfsdfsdfs
    </div>
    <div class="child">
        sdfsdfsfsdf
    </div>
</div>

CSS

.parent{
    background: red;
    width: 100%;
    height: 50px;
    text-align: center;
}
.child {
    background: green;
    display: inline-block;
    height: 50px;
}