JSFiddle - React, Tailwind, and code Playground

by rsta

HTML

<div id="parent">
    <div id="child"> Level 1</div>
    <div id="parent">
        <div id="child">Level 2</div>        
        <div id="child">Level 2</div>
    </div>
</div>
<div id="parent">
    <div id="child">Level 1</div>
</div>
<div id="parent">
    <div id="child">Level 1</div>
</div>

CSS

#parent {
    display: inline;
    width: 100%;
    height: 100px;
    border: 10px solid red;
    border-box: box-sizing;
}

#child {
    float: left;
    display: inline-block;
    width: 40%;
    height: 100px;
    border: 10px solid blue;
    border-box: box-sizing;
}