Aligning Radio button/multiple Search boxes horizontally same line - html

Question

So far everything is lined up except the last search box. I'm kinda new and it's taking me way to long to figure this out. I need to align all of my search boxes, drop downs, and radio buttons on the same line and centered. The search buttons and radio buttons keep moving to the line below. I added float left to the form and it brought the radio button up but it seems out of alignment. Ill be adding a calendar option and need it all on the same line. what's the best way to do this?
.table
{
float:left;
}
<div class="table">
<select>
<option value="Last Name">Last Name</option>
<option value="First Name">First Name</option>
<option value="Employee ID">Employee ID</option>
<option value="Job ID">Job ID</option>
<option value="Phone">Phone</option>
<option value="Ipad Number">Ipad Number</option>
</select>
<input type="text" name="text" class="Search" placeholder="Search Here" />
<input type="submit" class="submit" value="Search" />
<select>
<option value="Phones">Phones</option>
<option value="Tablets">Tablets</option>
<option value="Computers">Computers</option>
<option value="Cellphone">Cellphone</option>
<option value="Docks">Docks</option>
<option value="Monitors">Monitors</option>
<option value="Gloves">Gloves</option>
<option value="Sleeves">Sleeves</option>
</select>
</div>
<form>
<input type="radio" name="Before" value="male"> Before<br>
<input type="radio" name="After" value="female"> After<br>
</form>
<input type="text" name="text" class="Search" placeholder="Search Here" />
<input type="submit" class="submit" value="Search" />

Answer 1

This will put everything in one line.
.table {
display: inline-block
}
.Search {
width: 10%
}
<div class="table">
<select>
<option value="Last Name">Last Name</option>
<option value="First Name">First Name</option>
<option value="Employee ID">Employee ID</option>
<option value="Job ID">Job ID</option>
<option value="Phone">Phone</option>
<option value="Ipad Number">Ipad Number</option>
</select>
<input type="text" name="text" class="Search" placeholder="Search Here" />
<input type="submit" class="submit" value="Search" />
<select>
<option value="Phones">Phones</option>
<option value="Tablets">Tablets</option>
<option value="Computers">Computers</option>
<option value="Cellphone">Cellphone</option>
<option value="Docks">Docks</option>
<option value="Monitors">Monitors</option>
<option value="Gloves">Gloves</option>
<option value="Sleeves">Sleeves</option>
</select>
<input type="radio" name="Before" value="male"> Before
<input type="radio" name="After" value="female"> After
<input type="text" name="text" class="Search" placeholder="Search Here" />
<input type="submit" class="submit" value="Search" />
</div>

Answer 2

Forms are block elements. You can change this via CSS:
form { display: inline }
or
form {display: inline-block }