JSFiddle - React, Tailwind, and code Playground

by clayshannon

HTML

<label class="fixedwidthlbl" for="city">City</label>
    <input type="text" name="city" id="city">
    <br/>
    <label class="fixedwidthlbl" for="state">State</label>
    <input type="text" name="state" id="state">
    <br/>
    <label class="fixedwidthlbl" for="yearin">Year Arrived</label>
    <input type="text" name="yearin" id="yearin">
    <br/>
    <label class="fixedwidthlbl" for="yearout">Year Departed</label>
    <input type="text" name="yearout" id="yearout">
    <br/>
    <input type="submit" name="insertdocument" id="insertdocument" value="Add Place Lived">

CSS

.fixedwidthlbl {
	width: 320px;
	padding: 2 px;	
}

input {
    margin: 4px;
    padding: 4px;
}