JSFiddle - React, Tailwind, and code Playground

HTML

<div style="clear: both; width: 100%;">
    <label>New Grade Entry</label>
</div>
<div style="width: 100%; clear: both;">
        <hr />
        <br />
</div>

<div id="divTop" class="Option" style="width: 100%; position:relative; border-color:purple; border-style: solid;
                border-width: 1px;">
<div class="OptionLabel" style="width: 50%; height:inherit; border-color:green; border-style:solid; border-width:1px; ">
                    //details removed
                <div class="OptionSelect" style="width: 45%; min-height:10px; border-color:red; border-style: solid; border-width: 1px;">
                    //details removed
            </div>
    <div class="Blank" style="width:100%">
        &nbsp
    </div>
    <hr style="width: 100%;" />