JSFiddle - React, Tailwind, and code Playground

HTML

<table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="3%" align="left" valign="middle"><img alt="phone" src="/image006.png" height="18" width="19" style="display: inline; vertical-align:middle;" valign="middle"></td>
            <td width="97%" align="left" valign="middle" style="font-family:'Calibri light', sans-serif;font-size: 11pt; display: inline; white-space: nowrap; text-align:left;"> 000 000 000</td>
          </tr>
          <tr>
            <td align="left" valign="middle"><img alt="fax" src="/image008.png" height="18" width="19" style="display: inline; vertical-align:middle;" valign="middle"></td>
            <td align="left" valign="middle" style="font-family:'Calibri light', sans-serif;font-size: 11pt; display: inline; white-space: nowrap; text-align:left;"> 000 000 000</td>
          </tr>
          <tr>
            <td align="left" valign="middle"><img alt="cell" src="/image0010.png" height="18" width="19" style="display: inline; vertical-align:middle;" valign="middle"></td>
            <td align="left" valign="middle" style="font-family:'Calibri light', sans-serif;font-size: 11pt; display: inline; white-space: nowrap; text-align:left;"> 000 000 000</td>
          </tr>
          <tr>
            <td align="left" valign="middle"><img alt="email" src="/image0012.png" height="18" width="19" style="display: inline; vertical-align:middle;" valign="middle"></td>
            <td align="left" valign="middle" style="font-family:'Calibri light', sans-serif;font-size: 11pt; display: inline; white-space: nowrap; text-align:left;"> [email protected]</td>
          </tr>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tbody>
            <tr>
              <td style="font-family:'Calibri light', sans-serif;display: inline; font-size: 11pt; padding-top:20px;"><b>Company Name</b></td>
            </tr>
            <tr>
              <td style="font-family:'Calibri light',...