JSFiddle - React, Tailwind, and code Playground

by Stephen

HTML

<div class="inputs">
    <label for="first">First</label><input type="text" name="first" id="first" /><br/>
    <label for="second">Second</label><input type="text" name="second" id="second" /><br/>
    <label for="thedate">Date</label><input type="date" name="thedate" id="thedate" /><br/>
    <label for="fourth">Fourth</label><input type="text" name="fourth" id="fourth" /><br/>
</div>

CSS

input {
    width: 75%;
    margin: 5px 0 0 5px;
}
input[type=date] {
    width: 120px;
}
label:after {
    content: ': ';
}
div.inputs {
    padding: 1em;
    background-color: #f7f7e0;
}