JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <table>
        <tr>
            <td>TD</td>
            <td>TD</td>
            <td>TD</td>
            <td>TD</td>
            <td>TD</td>
            <td>TD</td>
        </tr>
    </table>
</div>

CSS

td {
    padding: 10px;
    background: #985678;
    border-left: 3px solid #fff;  
    text-align: center;    
}
td:first-child { 
    border: none;
}
table {
    width: 100%;
    border: 1px solid red;
}
div {
    width: 500px;
}