JSFiddle - React, Tailwind, and code Playground

by JeffC

HTML

<table cellpadding="0" cellspacing="0" border="0" style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;">
  <tbody>
    <tr>
      <td valign="top" style="padding-right: 7px; border-right: solid 3px #002F80">
        <img height="90px" width="90px" src="https://pbs.twimg.com/profile_images/2094587412/HC_Ribbon_450.jpg">
      </td>
      <td style="padding-left: 12px;">
        <div style="color: #00A24F; font-size: 15px; font-family: 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;">Jeff Crowley | Quality Engineer III</div>
        <div style="color: #002F80; font-size: 15px; font-family: 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;">Harland Clarke Corporation > Automation</div>
        <div style="color: #333333; font-size: 13px; font-family: 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;">
          <span style="color: #00A24F;">p:</span>&nbsp;
          <span>830.609.6529</span>&nbsp;&nbsp;
          <span style="color: #00A24F;">m:</span>&nbsp;
          <span>830.399.9406</span>
        </div>
        <div style="color: #333333; font-size: 13px; font-family: 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;">
          <span>2435 Goodwin Lane, New Braunfels, TX 78135</span>
        </div>
        <div style="color: #333333; font-size: 13px; font-family: 'wf_segoe-ui_normal', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;">
          <span>
        <a href="mailto:[email protected]" style="color: #1da1db; text-decoration: none; font-weight: normal; font-size: 14px;">[email protected]</a>
        </span>
        </div>
      </td>
    </tr>
  </tbody>
</table>