JSFiddle - React, Tailwind, and code Playground

by Ea Bangalore

HTML

<table width="500px" border="0" cellspacing="0" cellpadding="0">
   <thead>
       <tr>
         <th style="width:3%"></th>
         <th style="width:10%">Name</th>
         <th style="width:10%">Age</th>
         <th style="width:10%">Designation</th>
       </tr>
   </thead>
   <tbody>
      <tr>
          <td>
            <div style="width:50px;height:70px;border-radius:50%;">
                <img style="width:100%;height:100%;" src="https://via.placeholder.com/150"/>
            </div>
          </td>
          <td align="center">Alpha</td>
          <td align="center">21 year</td>
          <td align="center">Software</td>
      </tr>
      
      <tr>
          <td>
            <div style="width:50px;height:70px;border-radius:50%;">
                <img style="width:100%;height:100%;" src="https://via.placeholder.com/150"/>
            </div>
          </td>
          <td align="center">Alpha</td>
          <td align="center">21 year</td>
          <td align="center">Software</td>
      </tr>
   </tbody>
</table>

CSS

table td {
  //border: 1px solid black;
    padding: 5px;
}