JSFiddle - React, Tailwind, and code Playground

HTML

<label for="test">Label</label>
<span><input name="test" id="test" type="text" /></span>

<hr />

<label for="test2">Label here more</label>
<span><input name="test2" id="test2" type="text" /></span>

CSS

body {
    border: 1px solid #000
}
label {
    background: #ccc;
    float: left
}
span {
    display: block;
    overflow: hidden;
    padding: 0 4px 0 6px
}
input {
    width: 100%
}