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:0px 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>
                        <span class="line"></span>
                    </td>
                </tr>
                <tr>
					<td height="15" align="center" style="font-size:0px;line-height:0px;">        
					&nbsp;&nbsp;</td>
           		</tr>
             </table>   
        </td>
    </tr>
</table>

CSS

span.line{
    display:block;
    padding-bottom:2px;
    border-bottom:1px solid green;
    width:100%;
}