JSFiddle - React, Tailwind, and code Playground

HTML

<div>some text</div>
<table class="test">
    <tr><th class="desc"><a href="#" scope="col">employer</a></th></tr>
    <tr><td>test</td></td>
</table>

CSS

th {
    height: 20px; 
    width: 80px;    
    position: relative;
}

th.desc a::after {
        position: relative;
        left: .4em; /* spacing between header and arrow */
        bottom: .1em; /* raise it just a tad */
        font-size: 0.75em; /* I like my arrows a tad smaller */
        color: red; 
        content='x';
}