JSFiddle - React, Tailwind, and code Playground

by lbstr

HTML

<table>
<tbody>
    <tr>
        <th>
            <div class="liner">
                <span class="ab">ab</span>
                <span>bla bl abl abla bla bal</span>
            </div>
        </th>
    </tr>
</tbody>
</table>

CSS

.liner { position: relative; zoom: 1; }
.ab { position: absolute; left: -30px; }
th { padding-left: 50px; }