JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td><input class="fit" type="text" value="foo" /></td>
        <td><select class="fit"><option>bar</option></select></td>
        <td><textarea class="fit">foobaz</textarea></td>
        <td><input  class="fit" type="text" value="foo" /></td>
    </tr>
<table>

CSS

.fit {
    width: -moz-calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    width: -o-calc(100% - 10px);
    width: calc(100% - 10px);
    background: red;
}

table {
    width: 100%;
}

td {
    width: 25%;
    border: 1px solid;
}