StackOverflow - Input within table column

http://stackoverflow.com/questions/37172729/strange-column-width-behavior-when-input-inside/37173154#37173154

by Alexandre Azevedo

HTML

<table>
    <thead>
    <tr>
        <th>Col 1</th>
        <th>Col 2</th>
        <th>Col 3</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td><div>Data 1</div></td>
        <td ><div><input/></div></td>
        <td><div>Data 2</div></td>
    </tr>
    </tbody>
</table>

CSS

td {
    width: 50px;
}

td div {
  width: inherit;
}

td div input {
    width: 100%;
}