JSFiddle - React, Tailwind, and code Playground

by gRoberts

HTML

<table border="1">
    <thead>
        <tr>
            <td><div class="help">Help</div> Hover</td>
            <td><div class="help">Help</div> Hover</td>
            <td><div class="help">Help</div> Hover</td>
            <td><div class="help">Help</div> Hover</td>
            <td><div class="help">Help</div> Hover</td>
        </tr>
    </thead>
</table>

CSS

table thead .help { display: none; padding: 5px; background: red; }
table thead td { padding: 5px; position: relative; }
table thead td:hover .help { display: block; position: absolute; margin: 15px 0px 0px 0px; }