JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="div1">div#1</div>
    <div id="div2">div#2</div>
</div>

CSS

#container {
        color: white;
        margin-top: 50px;
        position: relative;
    }
    #div1 {
        float: left;
        width: 30%;
        background-color: black;
    }
    #div2 {
        float: left;
        position:absolute;
        left: 30%;
        margin-left: 20px;
        right: 0px;
        background-color: blue;
    }