JSFiddle - React, Tailwind, and code Playground
HTML
<form id=gh-as-o action="123">
<fieldset>
<legend>Include in results</legend>
<label>
<input type=checkbox name=LH_TitleDesc >
Title and description
</label>
<label>
<input id=gh_as_LH_Complete type=checkbox name=LH_Complete >
Completed Listings
</label>
<label>
<input id=gh_as_fspt type=checkbox name=_fspt>
Items near me
</label>
<div class=gh_as_block>
<input type=radio name=UNK title="Filter by distance">
<select name="_sadis" title="Distance of items from zipcode">
<option value=10>10</option>
<option value=25>25</option>
<option value=50>50</option>
<option value=75>75</option>
<option value=100>100</option>
<option value=150>150</option>
<option selected=selected value=200>200</option>
<option value=250>250</option>
<option value=500>500</option>
<option value=750>750</option>
<option value=1000>1000</option>
<option value=1500>1500</option>
<option value=2000>2000</option>
</select> of
<input type="text" placeholder="zip code" name="_fpos" maxlength="10" size="8">
</div>
<div class=gh_as_block>
<input type=radio name=UNK title="Filter by city">
<select id="htmlIDforCityv4-39" name="_fsct" title="Select popular city to filter items by">
<option value="">Select a popular city...</option>
<optgroup label="test group">
<option value="4515">AK - Anchorage</option><option value="4516">AL - Birmingham</option><option value="4517">AL - Mobile</option><option value="4518">AR - Little Rock</option><option value="4519">AZ - Phoenix</option><option value="4520">AZ - Tucson</option>
</optgroup>
<optgroup label="California">
<option value="4521">CA - Fresno</option><option value="4522">CA - Los Angeles</option><option value="4523">CA - Oakland</option><option value="4524">CA - Orange County</option><option value="4525">CA - Riverside</option><option value="4526">CA - Sacramento</option><option value="4527">CA - San Diego</option><option value="4528">CA - San...
CSS
#gh-as-o fieldset { border:0; margin:0 10px; padding:0; } /* remove default border - set common margin/padding */
#gh-as-o > fieldset, #gh-as-o > div { float:left; } /* float the fieldsets/div children */
#gh-as-o fieldset { *float:left; } /* for IE6 */
#gh-as-o label, .gh_as_block { float:left; clear:both;} /* each label, and block of labels, is floated */
#gh-as-o legend { /* Section titles */
color:#333; font:bold 14px Arial; padding:10px 0;
}
#gh-as-o label, #gh-as-o select, #gh-as-o input { /* labels */
vertical-align:middle;
color:#333; font:11px Arial; }
#gh-as-o input[type="checkbox"] { /* move the checkboxes down a little */
position:relative; top:-1px; }
#gh-as-o ul { /* footer links */
clear:both; border-top:1px dashed #d8d8d8;
text-align:right; padding:10px 0; margin:10px 0;
float:left; width:98%; /* needed to force ul to clear the floated fieldsets */
}
#gh-as-o li {
display:inline;
font:11px Arial;
padding:5px;
}
#gh-as-o li:first-child:after { content:' | ' }