JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>Large text</td>
        <td><input type="text" value="test"></td>
    </tr>
</table>

CSS

* { margin: 0; padding: 0; }
table
{
    border-spacing: 0;
}
table td:first-child
{
    font-size: 50px;
    background-color: #f00;
}
table td:last-child
{
    position:relative;
    background-color: #ff0;
}
input
{
    background-color: #f0f;
    border: none;
    position:absolute;
    height: 100%;
    top: 0;
}