JSFiddle - React, Tailwind, and code Playground

HTML

<table id="myTable" class="fit">
  <tr>
    <td>some</td>
    <td>nice</td> 
    <td>text</td>
  </tr>
  <tr>
    <td>
      <input value="some"/>
    </td>
    <td>nice</td> 
    <td>
      <select>
        <option>option</option>
      </select></td>
  </tr>
</table>

CSS

table {
  width: 100%;
  border-collapse: collapse;
}

td {
    text-align: center; 
    vertical-align: middle;
    white-space: nowrap; 
    border: 1px solid #ddd;
    font-size: 16px;
    font-family: arial;
    padding-right: 20px;
    padding-left: 20px;
}

input, select {
  text-align: center; 
  vertical-align: middle;
  font-size: 16px;
}

.fit {
    white-space: nowrap;
    width: 1%;   
}

select {
  //width: 100%;
}