JSFiddle - React, Tailwind, and code Playground

by lostinplace

HTML

<label>
    <span style="color:blue">An input box label:</span>
    <input name="aTextBox" value="some text" />
    <div id="outerBox" class = "box">
        <div id="innerBox" class = "box">
        </div>
    </div>
</label>

CSS

input{
    background-color:red;
}

.box{
    top:150px;
    left:100px;
}

#outerBox{
    height:100px;
    width:100px;
    background-color:red;
    position:absolute;
}

#innerBox{
    height:50px;
    width:50px;
    background-color:blue;
}