JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body>
<table>
    <tbody>
        <tr>
            <td class="stuff">plop<br/>plop<br/>plop</td>
            <td class="stuff">plop<br/>plop</td>
        </tr>
        <tr>
            <td>caca<br/>plop<br/>plop</td>
            <td>ddf</td>
        </tr>
    </tbody>
</table>
</body>
</html>

CSS

table,tr,td{
    border-collapse:collapse;
    border:1px solid black;
}
td{
    padding:6px 9px 6px 9px;
}
td.stuff{
    box-shadow:inset -3px 0 0 3px #d2d6d6;
    background-color:#ff0000;
}
td:first-child.stuff{
    box-shadow:inset 3px 0 0 3px #d2d6d6;
}