JSFiddle - React, Tailwind, and code Playground

HTML

<table id="headline_body_copy_top" width="532" border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr class="mhide">
      <td height="30">
        <!-- headline top margin -->
      </td>
      <td align="left" valign="top">
        <!-- headline top margin -->
      </td>
    </tr>
    <tr>
      <td width="28" class="mhide">
        <!-- corner spacer -->
      </td>
      <td valign="top"><span class="test"></span></td>
      <td align="left" valign="top">
        <h1 style="padding:0; margin:0;"><font size="5"><span class="headline_text">Ficaborio vellandebis arum inus es ema gimus, quibus vent.</span></font></h1>
      </td>
    </tr>
    <tr>
      <td height="25" class="marginResize">
        <!-- spacer -->
      </td>
    </tr>
  </tbody>
</table>

CSS

.test {
width: 41px;
height: 41px;
background-image: url('http://placehold.it/41x41');
background-repeat: no-repeat;
background-size: 41px 41px;
display: block;
clear: both !important;
}