JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
    <label for="" >Label Label</label>
    <div class="input"><input type="text" value="input"></div>
</div>
<div class="box">
    <label for="">Label</label>
    <div class="input"><input type="text" value="input"></div>
</div>

CSS

.box {
    margin-bottom: 10px;
    overflow: hidden;
}
label,
input{
}
.input {
    overflow: hidden;
}
input {
    width: 100%;
}
label {
    background-color: #ccc;
    float: left;
}