JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="divWrapper">
        <div id="innerleft">
            <p>asdasd</p>
        </div>
        <div id="innerright">
            <p>asdadgfniagijaigj-iasgf</p>
            <p>asdasdasdasdasd</p>
            <p>asdasdasdasdasd</p>
        </div>
    </div>
</body>

CSS

#divWrapper {
    width: 400px;
    height: auto;
    padding: 5px;
    background-color: gray;
}
#innerleft {
    float: left;
    width: 20%;
    height: auto;
    background-color: green;
}
#innerright {
    float: right;
    width: 80%;
    height: auto;
    background-color: blue;
}