I saw the fiddle and this is what i found.
input {
width: 50%;
max-width: 50%;
}
This makes the input
50% wide as compared to td
, since td
is input
s parent element.
Remove the 50% width and max-width from input and try applying width on table elements
Here's the formatted html.
<table>
<tbody>
<tr>
<td>
<input>
</td>
</tr>
</tbody>
</table>