JSFiddle - React, Tailwind, and code Playground

HTML

<fieldset class="form-field">
    <legend>Parent Material</legend>
        <label for="use_test_certificate" class="form-field">Use Test Certificate</label>
        <input type="checkbox" id="use_test_certificate" class="k-checkbox form-field" />

        <label for="parent_material" class="form-field">Material</label>
        <select id="parent_material" class="form-field"></select>

        <label for="proof_stress" class="form-field">0.2% Proof Stress</label>
        <input type="text" id="proof_stress" maxlength="23" class="k-textbox form-field" />

        <label for="do_weld_calculation" class="form-field">Do Weld Calculation</label>
        <input type="checkbox" id="do_weld_calculation" class="k-checkbox form-field" />
        
        <label for="weld_redistribution_factor" class="form-field">Weld Redistribution Factor</label>
        <input type="text" id="weld_redistribution_factor" maxlength="23" class="k-textbox form-field" />
</fieldset>

CSS

fieldset {
    width: 500px;
}
label {
    display: block;
    float: left;
    clear: left;
    width: 200px;
    margin: 10px;
}
input, select {
    display: block;
    float: left;   
    margin: 10px;
}
input[type=text] {
    width: 170px;
}

select {
  width: 170px;
}