JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>lorem ipsum here</td>
        <td>lorem ipsum here</td>
        <td>lorem ipsum here</td>
        <td>lorem ipsum here</td>
        
    </tr>
</table>

CSS

td {
    white-space: nowrap;
    overflow: hidden;
    width: 10px;
    height: 25px;
    border: 1px solid black;
}

table{
    table-layout:fixed; 
    width: 40px;
}