JSFiddle - React, Tailwind, and code Playground

by maguijo

HTML

<form>
    <div class="input-wrapper">
        <label for="name">Name:</label>
        <input id="name" type="text" placeholder="Name">
    </div>
    <div class="input-wrapper">
        <label for="phone">Phone:</label>
        <input id="phone" type="text" placeholder="Phone">
    </div>
    <div class="input-wrapper">
        <label for="email">Email:</label>
        <input id="email" type="email" placeholder="Email Address">
    </div>
</form>

CSS

.input-wrapper {
    width:100%;
    clear:both;
    padding:1em 0;
}
label {
    display:inline-block;
    float:left;
    text-align:right;
    margin-right:1em;
}
input {
    display:block;
    float:left;
}