JSFiddle - React, Tailwind, and code Playground

by Daedalus

HTML

<div style="position: relative;">
    <div id="container" class="box">
        <div id="child">blah<br />blah</div>
    </div>
    <div id="aside" class="box"></div>
</div>

CSS

#container {
    background: rgba(255, 0, 0, .5);
    display: block;
    height: 166px;
    width: auto;
    margin: auto;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    vertical-align: top;
}
#child {
    width: 135px;
    top: 0px;
    bottom: auto;
    left: 0px;
    right: auto;
    position: absolute;
    background: rgba(0, 255, 0, .2);
}
#aside {
    background: purple;
    height: 100px;
    width: 100px;
}
.box {
    float: left;
}