JSFiddle - React, Tailwind, and code Playground

HTML

<div id="filters" class="live">
    <div class="filter_group">
        <div class="filter">
            <label for="pixel_size">Pixel Size</label>
            <br />
            <input style="float: left; width: 60px" type="text" id="pixel_size" name="pixel_size">
        </div>
        <div class="filter">
            <label for="fov">FOV</label>
            <br />
            <input style="width: 30px" type="text" id="fov" name="fov">
        </div>
        <div class="filter">
            <label for="template_recipe">Template Recipe</label>
            <br />
            <input style="width: 160px" type="text" id="template_recipe" name="template_recipe">
        </div>
        <div class="filter">
            <label for="template_target">Template Target</label>
            <br />
            <input style="width: 200px" type="text" id="template_target" name="template_target">
        </div>
    </div>
    <form id="upload" method="POST" enctype="multipart/form-data" action="/report/CDSEM/DR4iBeta/upload/">
        <div style='display:none'>
            <input type='hidden' name='csrfmiddlewaretoken' value='e8b2bd198e226c3dba8a8e00fda7c2f8' />
        </div>Select Klarf(s)
        <br />
        <input type="file" name="klarf_files" multiple="" style="display: inline; padding-top: 5px; padding-left: 2px; padding-right: 10px" />
        <input type="submit" style="width: 70px; display: inline;" value="Upload" />
    </form>
    <!-- List of uploaded files -->
    <ul>
        <li>Brother</li>
        <li>Chicago</li>
        <li>comcast</li>
        <li>CST_fields_definitions.csv</li>
        <li>cvdm.dat</li>
        <li>cvdm.err</li>
        <li>data.txt</li>
        <li>desc.gif</li>
    </ul>
    <div id="buttons">
        <br />
        <input type="submit" style="width: 140px" class="submit" name="submit_preview" value="Convert & Download" />
    </div>
</div>

CSS

#filters input, #query .generated input {
    display: block;
    margin: 1px 0;
    width: 175px;
}
#filters .filter_group {
    float: left;
    margin-bottom: .5em;
}
#filters .filter, #query .generated p {
    float: left;
    padding: 3px 6px 3px 4px;
    margin: 0;
}