JSFiddle - React, Tailwind, and code Playground

HTML

<table align="center" width="630" border="0" cellpadding="0" cellspacing="0">
	<tr>
    	<td align="center">
        	<table align="center" border="0" cellpadding="0" cellspacing="0" style="font-family:Arial, Helvetica, sans-serif;font-weight:bold;">
            	<tr>
                	<td style="border:1px solid #000000;padding-left:10px;padding-right:10px;padding-top:5px;">
                    	<a href="http://www.google.com" style="color:#000001;text-decoration:none;line-height:14px;display:block;"><span style="font-size:13px;line-height:13px;text-decoration:none;font-weight:bold;"><b>Check this out!</b></span><span style="font-size:14px;line-height:14px;color:#000000;font-weight:bold;">&nbsp;›</span></a>
                        <table width="100%" height="0" style="font-size:0px;line-height:0px">
                            <tr>
                                <td width="100%" bgcolor="#30fd3e" height="0" style="font-size:0px;line-height:0px">&nbsp;</td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
					<td height="15" align="center" style="font-size:0px;line-height:0px;">        
					&nbsp;&nbsp;</td>
           		</tr>
             </table>   
        </td>
    </tr>
</table>