JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head></head>
    <body>
        <table border='1' cellspacing='0'>
            <tr>
                <td>Sample Cell</td>
                <td valign="top">
                    <div style="width:300px;position:relative;background-color:pink;">
                        <div style="background-color: #0a0; width: 40%;position:absolute;top:0px;left:0px;">
                            &nbsp;
                        </div>
                        <div style="text-align: center; width: 100%;position:absolute;top:0px;left:0px;">
                            Text Here!
                        </div>
                    </div>
                </td>
            </tr>
        </table>
    </body>
</html>