JSFiddle - React, Tailwind, and code Playground

by Valentin Radulescu

HTML

<div class="wrapper">
<div class="group">
    <input type="text" value="Search..." />
    <div class="control"><button>GO!</button></div>
</div>
</div>

CSS

.wrapper{
    margin-top: 50px;
}
.group{
    display: table;
    width: 100%;
}
.group input{
    display: table-cell;
    width: 100%;
}
.group .control{
    width: 1%;
    display: table-cell;
    vertical-align: middle;
}