JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
    <button id="gatherHostInfo" type="button">Gather Host<br />Info</button>
</div>
<div class="clear"></div>
<div class="box">
    <label>Host password:</label><input type="text" id="hostPassword" />
</div>
<div class="box">
    <label>Serial Number:</label><input path="serialNumber" size="30" />
</div>
<div class="clear"></div>
<div class="box">
    <label>Resource Name:</label><input path="resourceName" id="hName" size="30" />
</div>
<div class="box">
    <label>Resource Status:</label><select path="resourceStatus">
        <option value="Available" label="Available" />
        <option value="InActive" label="InActive" />
    </select>
</div>
<!-- CONTINUE WITH THESE BOXES -->

CSS

.box {
    width: 430px;
    margin: 5px 0;
    float:left;
}

.box label {
    width: 120px;
    padding-right: 10px;
    text-align: right;
    display:inline-block;
}

.clear {
    clear:both;
}