JSFiddle - React, Tailwind, and code Playground
HTML
<div class="parent">
<div class="child">child 1</div>
<div class="child two">child 2</div>
</div>
CSS
.parent {
position: absolute;
outline: 5px solid pink;
}
.child {
position: relative;
width: 150px;
height: 100px;
outline: 2px solid blue;
}
.child.two {
left: 20px;
}
JavaScript
// the parent div automatically sizes to it's children.