JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <div class="col right">
        <label for=password>Host Password:</label>
        <label for=resource>Resource Name:</label>
    </div>
    <div class=col>
        <input id=password type=password placeholder="type it please!" />
        <input id=resource type=text placeholder="type it please!" />
    </div>
    <div class="col right">
        <label for=serial>Serial Number:</label>
    </div>
    <div class=col>
         <input id=serial type=text placeholder="type it please!" />
    </div>
</form>

CSS

.col {
    float:left;
}
.col+.col {
    margin:0 5px;
}
label, input {display:block}
.right {
    text-align:right;
}