JSFiddle - React, Tailwind, and code Playground

by mrtsherman

HTML

<div id="smallColumn">a</div>
<div id="fullColumn">b</div>
<div style="clear:both"></div>
<div id="bottomDiv">
    <div id="foobar">
        &nbsp;<div id="tab">Tab</div>
    </div>
    <hr />
</div>

CSS

#smallColumn
{
    float:left;
    width:100px;
    height:100px;
    background:#000;
    margin:5px;
}
#fullColumn
{
    float:left;
    width:200px;
    height:300px;
    background:#000;
    margin:5px;
    border: 1px solid blue;
}   
#bottomDiv
{
    border: 1px dashed blue;
}
#foobar {     position:relative; border: 1px solid green;  }
#tab
{
    position: absolute;
    border: 1px solid red;
    top: -100%;
}