JSFiddle - React, Tailwind, and code Playground

HTML

<div id=outer>
    <div id=left>
        <input type=text />
    </div>
    <div id=right>
        <input type=text />
    </div>    
</div>

CSS

#outer { width: 300px; height: 22px; border: 1px solid blue }
input { border: 1px solid red }
#left { float: left; }
#right { float: right }
#left input { width: 30px }