JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr>
<td style="width:100px">
<input type='text' value=''>
<button type='button'></button>
</td>
<td>
<input type='text' value=''>
<button type='button'></button>
</td>
<td style="width:150px">
<input type='text' value=''>
<button type='button'></button>
</td>
</tr>
<tr>
</tr>
</table>

CSS

table {
  width: 100%;
}
td {
  background-color: blue;
  padding:0;
}
input {
  float: left;
  height: 23px;
  width: calc(100% - 23px);
  box-sizing: border-box;
}
button {
  height:23px;
	width: 23px;
}