JSFiddle - React, Tailwind, and code Playground

by Akram kamal

HTML

<form>

    <label for="name">Name</label>
    <input type="text" name="name" /><br />

    <label for="email">Email</label>
    <input type="text" name="email" /><br />

    <label class="small" for="city">City</label>
    <label class="small" for="state">State</label>
    <label class="small" for="zip">Zip</label>
    <input class="small clearleft" type="text" name="city" /> 
    <input class="small" type="text" name="state" /> 
    <input class="small" type="text" name="zip" /><br />

    <label class="clearleft" for="last">Last</label>
    <input type="text" name="last" />

</form>

CSS

label { 
    font-weight:bold;
    display: block;
    text-align:center;
    width:150px
}
input{
    width:150px
}
.small{
    float:left;
}
.clearleft{
    clear:left;
}