JSFiddle - React, Tailwind, and code Playground

by austinfrance

HTML

<table><thead><tr>
    <th>Heading</th>
    <th>Heading</th>
    <th class="asc">Long Long Long Heading</th>
    </tr>
    </thead>
</table>

CSS

table { table-layout:fixed; }
th { display: table-cell; width: 80px; height: 10px; padding:0; 
    background-color: silver; border: 3px outset silver; 
    overflow: hidden; box-sizing: margin-box; white-space:nowrap; }
th.asc { margin-right: 15px; background-color: red; }