JSFiddle - React, Tailwind, and code Playground

by charlescarver

HTML

<div class="input-area" style="border:1px solid;display:table;background:green;height:20px;">
        <input type="text" style="border:none;display:table;float:left;background-color:red;height:100%;" />
        <button>Search</button>
</div>

<br />

<div class="input-area" style="border:1px solid;display:table;background:green;position:relative;width:200px">
        <input type="text" style="border:none;display:table;float:left;background-color:red;position:absolute;left:0;top:0;bottom:0;right:50px;" />
        <button style="float:right">Search</button>
</div>