JSFiddle - React, Tailwind, and code Playground

HTML

<div class="input-row">
    <label for="myInput">Search</label>
    <input id="myInput" type="text" placeholder="text input"/>
</div>
<div class="input-row">
    <label for="myInput">Recherche</label>
    <input id="myInput" type="text" placeholder="text input"/>
</div>
<div class="input-row">
    <label for="myInput">Search me I'm famous</label>
    <input id="myInput" type="text" placeholder="text input"/>
</div>

CSS

.input-row {
    display: table;
    width: 100%;
    /*visual help*/
    background: gray;
    margin-bottom: 5px;
}
.input-row label {
    display: table-cell;
    width:1%;
    white-space:nowrap;
}
.input-row input {
    display: table-cell;
    width:100%;
}