JSFiddle - React, Tailwind, and code Playground

HTML

<div class="css-form-pane">
        <form>
            <div class="css-form-group css-col-3">
                <label for="id_input1">A label input</label>
                <input type="text" id="id_input1" class="form-input">
            </div>
            <div class="css-form-group css-col-3">
                <label for="id_input2">A larger label input</label>
                <input type="text" id="id_input2" class="form-input">            
            </div>
            <div class="css-form-group css-col-3">
                <label for="id_input3">A label input</label>
                <input type="text" id="id_inputp3" class="form-input">
            </div>
            <div class="css-form-submit css-col-3">
                <input type='submit' name= "submit" value="submit" class="css-btn css-btn-submit">
                <input type='submit' name="cancel" value="Cancel" class="css-btn css-btn-submit">
            </div>
        </form>
    </div>

CSS

.css-form-group{
    margin-bottom:10px;
    clear:both;
}

.css-form-group label{
    font-weight: bold;
}

.form-input{
    float: right;
}

.form-input:focus{
    background: yellow;
}

/*sizes*/
.css-col-3{
    width:25%;
}

.css-form-submit{
    clear:both;

}

.css-form-submit input[type='submit']{
    float:right;
}

.css-form-pane{
  background: rgb(212,208,200);
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  border: 1px solid #e3e3e3;
  webkit-box-shadow::inset 0 1px 1px rgba(0, 0, 0, 0.05);
        -box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}