JSFiddle - React, Tailwind, and code Playground

HTML

<label class="formLabel">Left Hand Side <span>Extra Text</span></label>
<input type="text" name="lhsKey" size="65" value="" id="lhsKey">

<label class="formLabel">Right Hand Side</label>
<input type="text" name="rhsValue" size="65" value="" id="rhsValue">
<br />

CSS

label {
    font-weight: bold;
    font-size: 100%;
    text-transform: uppercase;
    letter-spacing: .125em;
}
.formLabel {
    display: block;
    line-height: 1.8;
    vertical-align: top;
    font-weight: bold;
    padding-top: 10px;
    color: #245393;
    width: 75%;
}

.formLabel span {
    float: right;
}