I have a table consisting of a lot of input elements inside td elements.

```
<table>
  <tbody>
    <td class="first">
      <div>
        <input type="text" /> 
      </div>
    </td>
  </tbody>
</table>

```

The width of the input elements should be 20px. The width of the table is set to 100%. The input element in the first td should only have a min-width set so it will strech out (since the table has 100% width). I want the other inputs to have a fixed width (20px). When I do this the td elements has a much larger width than the input elements:

<https://jsfiddle.net/cbzuwyrg/>

Is it possible to make the td elements the same width as the input elements without setting the same width in css? 

This fiddle shows what I want to achieve, but without having to set the width of the td to 20px: 
<https://jsfiddle.net/cbzuwyrg/1/>