JSFiddle - React, Tailwind, and code Playground
HTML
<ul>
<li>
<label for="STREET">Street</label>
<input data-val="true" data-val-required="The Street field is required." id="STREET" name="STREET" type="text" value="P.O. Box 1053" />
</li>
<li>
<label for="SUITE">Suite</label>
<input id="SUITE" name="SUITE" type="text" value="" />
</li>
<li>
<label for="city">City</label>
<input data-val="true" data-val-required="The City field is required." id="city" name="city" type="text" value="Dalton" />
</li>
</ul>
CSS
ul{
width:500px;
}
li{
display:block;
width:100%;
}
li{
list-style:none;
clear:both;
}
li label{
float:left;
}
li input{
float:right;
}