JSFiddle - React, Tailwind, and code Playground

by abhitalks

HTML

<div style="width: 300px; background-color: orange">
    <div class="t"><input type="text" /></div>
    <input type="button" value="Save" />
</div>
<div style="width: 150px; background-color: orange">
    <div class="t"><input type="text" /></div>
    <input type="button" value="ok" />
</div>
<div style="width: 400px; background-color: orange">
    <div class="t"><input type="text" /></div>
    <input type="button" value="Click to Save" />
</div>

CSS

div { display: table; margin: 4px; padding: 1px; box-sizing: border-box; }
div.t {
    display: table-cell;
    width: 100%;
}
div.t > input {
    width: 100%;
    margin: 2px;
    padding: 2px;
    box-sizing: border-box; 
}