JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td class='col1' id='firstCol_01'>col1</td>
        <td class='otherCols'>col2</td>
        <td class='otherCols'>col3</td>
        <td class='otherCols'>col4</td>
    </tr>
</table>

CSS

.col1{
    display:table;
    float:right;
    margin-bottom: -1px; 
    margin-right: -1px;
}

table{
    width:400px;
}
td{
    border:1px solid black;
    color: yellow;
    text-align:center;
    background-color: gray;
}