JSFiddle - React, Tailwind, and code Playground

by Tan

HTML

<div class="container">

<div class="wrapper">
    <div class="left-contain"><div class="left">This Div actually comes first</div></div>
    <div class="right-contain"><div class="right">This Div comes second</div></div>
</div>

</div>

CSS

.container {max-width:600px; margin:auto;}
    
.wrapper{position:relative;}
    
.right-contain {width:30%; position:absolute;}
.left-contain {width:70%; position:absolute;}
.right-contain {left:0;}
.left-contain {right:0;}
    
.left {background-color:#999;padding:10px;}
.right {background-color:#999;padding:10px;margin:0 10px 0 0;}