JSFiddle - React, Tailwind, and code Playground

by Alexandru Gatea

HTML

<table bordercollpase="collapse" width="100%" cellspacing="0" style="font-family: Arial, sans-serif; font-size: 16px;">
  <tbody>
    <tr>
      <td style="padding-right: 10px; vertical-align: top;" width="110px;">
        <img width="100px" style="border-radius: 50%;" src="https://scontent-otp1-1.xx.fbcdn.net/v/t1.0-0/c0.14.370.370a/p370x247/60247159_2351314524931126_8657660110224490496_n.jpg?_nc_cat=105&_nc_ht=scontent-otp1-1.xx&oh=e2cca77640c2413e43133cd8fb1b04d5&oe=5D869063"
          alt="">
      </td>
      <td style="vertical-align: middle; padding-left: 10px; border-left: 1px solid #ccc">
        <h1 style="margin: 0; font-size: 18px; line-height: 24px;">
          Larisa MURESAN
        </h1>
        <div class="divider" style="height: 5px;width: 100%;">&nbsp;</div>
        <div style="font-size: 13px; color: #444;">
          <span style="display: block;">Ph.D. Student - Școala Doctorală de Comunicare și Relații Publice</span>
          <span style="display: block;">Online Marketer - Klain</span>
          <span style="display: block;">Project Manager - CompetițIAA</span>
        </div>
        <div class="divider" style="height: 30px;width: 100%;">&nbsp;</div>
        <div style="text-align: left;letter-spacing: 10px;">
          <a style="font-size: 12px; letter-spacing: 0px; font-weight: bold; display: inline-block; width: 25px; text-align: center; line-height: 25px; background: black; color: #ffffff;">Fb</a>
          <a style="font-size: 12px; letter-spacing: 0px; font-weight: bold; display: inline-block; width: 25px; text-align: center; line-height: 25px; background: black; color: #ffffff;">In</a>
        </div>
      </td>
    </tr>
  </tbody>
</table>