JSFiddle - React, Tailwind, and code Playground

HTML

<table width="100%">
    <tr>
        <td>input caption</td>
        <td>
            <span><input type="text" /></span>
        </td>
    </tr>
</table>

CSS

td {
    border: solid 1px black;
}

span {
    background: pink;
}

input {
    width: 100%;
}

span::after {
    position: relative;
    content: "*";
    top: 0;
    left: -15px;
}