JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr>
<td><input type=text id=topTextbox /></td>
</tr>
<tr>
<td>
<select>
<option value="0"></option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
</select>
<div><input type="text" id="bottomTextbox" /></div>
</td>
</tr>
</table>
CSS
table{
width: 100%;
}
input{
box-sizing: border-box;
width: 100%;
overflow: hidden;
clear: none;
}
select{
float: left;
margin-right: 5px;
}
div{
overflow: hidden;
}