JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top-div">
    <div id="div1">
        Conteúdo 1
    </div><div id="div2">
        Conteúdo 2
    </div>
</div>

CSS

div {
    height: 100px;
}

#top-div {
    width: 600px;
    background: yellow;
}

#div1 {
    width: calc(100% - 200px);
    display: inline-block;
    background: #9f9;
}

#div2 {
    width: 200px;
    display: inline-block;
    background: #f99;
}