JSFiddle - React, Tailwind, and code Playground

HTML

<table>
            <tr>
                <td class="b_td">
                    <div></div>
                </td>
                <td>
                    <div></div>
                </td>
                <td>
                   <div></div>
                </td>
                <td class="last">
                    <div></div>
                </td>
            </tr>
        </table>

CSS

table{
    width:600px;
    bacground:orange;
    border:1px solid #000;
        }
    td{
        text-align:left;
    }
    td.last{
        width:100px;
        }
        div{
        width:100px;
        height:100px;
        background:#f60;
        }