JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent-div">
    <div id="div1" class="child-div">
        <p>Div 1</p>
    </div>

    <div id="div2" class="child-div">
        <h4>Div 2</h4>
    </div>

    <div id="div3" class="child-div">
        <h4>Div 3</h4>
    </div>

</div>

CSS

#parent-div {
    background: #555;
}


.child-div {
    /*overflow: hidden;*/
    float: left;
    background-color: red;
    width: 30%;
}