JSFiddle - React, Tailwind, and code Playground

HTML

<table border="0" cellspacing="1" cellpadding="0" id="tbl_main">
  <tr>
    <td colspan="2" class="border"><a href="#">Guest</a></td>
  </tr>
  <tr>
    <td width="88%"><table border="0" cellspacing="0" cellpadding="0" class="tbl_post_content">
      <tr>
        <td>Post Content</td>
      </tr>
    </table></td>
    <td width="12%" valign="middle" class="border details">Details</td>
  </tr>
  <tr>
    <td colspan="2" class="border"><a href="#">Guest</a></td>
  </tr>
  <tr>
    <td><table border="0" cellspacing="0" cellpadding="0" class="tbl_post_content">
      <tr>
        <td>Post Content</td>
      </tr>
    </table></td>
    <td valign="middle" class="border details">Details</td>
  </tr>
  <tr>
    <td colspan="2" class="border"><a href="#">Guest</a></td>
  </tr>
  <tr>
    <td><table border="0" cellspacing="0" cellpadding="0" class="tbl_post_content">
      <tr>
        <td>Post Content</td>
      </tr>
    </table></td>
    <td valign="middle" class="border details">Details</td>
  </tr>
</table>

CSS

table td
{
    padding:5px;
}

#tbl_main
{
    width: 100%;
}

.tbl_post_content
{
    margin:5px 0px 5px 5px;
    border:1px solid #000;
    width:99%;
}

.border
{
    border:1px solid #000;
}

.details
{
    text-align:center;
}