JSFiddle - React, Tailwind, and code Playground

by dav sev

HTML

<table width="50%" border="0">
  <tr >
    <td>
      <div align="center">
        <a href="viewjobseeker.php"><img src="\Proj main\images\Edu.png" alt="" width="64" height="64" /></div>
    </td>
    </a>
    <td>
      <div align="center">
        <a href="viewemployer.php"><img src="\Proj main\images\Profile.png" alt="" width="64" height="64" /></div>
    </td>
    </a>
    <td>
      <div align="center">
        <a href="viewjob.php"><img src="\Proj main\images\jobopening.jpg" alt="" width="64" height="64" /></div>
    </td>
    </a>
  </tr>
  <tr>
    <td bgcolor="#A0B9F3">
      <div align="center"><a href="viewjobseeker.php"><strong>View JobSeeker Profile</strong></a></div>
    </td>
    <td bgcolor="#A0B9F3">
      <div align="center"><a href="viewemployer.php"><strong>View Employer Porfile</strong></a></div>
    </td>
    <td bgcolor="#A0B9F3">
      <div align="center"><a href="viewjob.php"><strong>View Job Opening</strong></a></div>
    </td>
  </tr>
  <tr>
    <td>
      <div align="center">
        <a href="editjobseekeradmin.php"><img src="\Proj main\images\edit.png" alt="" width="64" height="64" /></div>
    </td>
    </a>
    <td>
      <div align="center">
        <a href="editemployeradmin.php"><img src="\Proj main\images\editemployer.png" alt="" width="64" height="64" /></div>
    </td>
    </a>
    <td>
      <div align="center">
        <a href="checkfeedbackadmin.php"><img src="\Proj main\images\Feedback.png" alt="" width="64" height="64" /></div>
    </td>
    </a>
  </tr>
  <tr>
    <td bgcolor="#A0B9F3">
      <div align="center"><a href="editjobseekeradmin.php"><strong>Edit JobSeeker Profile</strong></a></td>
    <td bgcolor="#A0B9F3">
      <div align="center"><a href="editemployeradmin.php"><strong>Edit Employer Profile</strong></a></div>
    </td>
    <td bgcolor="#A0B9F3">
      <div align="center"><a href="checkfeedbackadmin.php"><strong>Check feedback</strong></a></div>
    </td>
  </tr>

  <tr align="center">
    <td...

CSS

table{
   border-collapse: collapse;
}
table td {
  border: 1px solid #111;
 
}

table div {
  text-align: center;
}

.no-border {
  border: 0px;
}