JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="formList">
        <li>
            <label for="input_1">
                Report Number
            </label>
            <input id="input_1" name="input_1" type="text" />
        </li>
        <li>
            <label for="input_2">
                Report Type
            </label>
            <select id="input_2" name="input_2"></select>
        </li>
    </ul>

CSS

.formList {
        border:1px solid #000;
        padding:10px;
        margin:10px;
    }
    label {
        width:200px;
        margin-left:-200px;
        float:left;
    }
    input, select {
        width:100%;
    }
    li {
        padding-left:200px;
    }