JSFiddle - React, Tailwind, and code Playground

by danield770

HTML

<table>
<tr>
    <td>One Two Three</td>
    <td>Two Three Four</td>
    <td>Three Four FiveThree Four FiveThree Four FiveThree Four FiveThree Four Five</td>
    <td>Four Five Six</td>
    <td>&nbsp;f</td>
</tr>
</table>

CSS

table {
   width:100%;  
    border: 1px solid black;
    border-collapse: collapse;
    
}
td + td {
    border-left: 1px solid black;
}
tr { 
    display: flex;
    align-items: stretch;    
}
td:last-child {
    flex: 1;
    background: yellow;
    display:inline-block; /* to keep IE happy */
}