JSFiddle - React, Tailwind, and code Playground

HTML

<div style="padding:15px;"> 

<table width='100%' class='postable'>
    <tr>
       <td colspan='2'>
          <div class='name'>
             <a href='#'>Guest</a>
          </div>
       </td>
    </tr>
    <tr>
       <td width='100%' valign='top' class='ritey'>
          <div class='postcolor'>
             Post content
          </div>
       </td>
       <td valign='top' class='lefty'>
          <div class='postdetails'>
             Details
          </div>
       </td>
   </tr>
</table>

</div>

CSS

table.postable {
  border-collapse: separate !important; 
  border-spacing: 1px;        
}
table.postable td {
  border:1px solid black;      
  padding: 5px;
}
td.ritey {
  border: 0px !important;
  padding: 10px 5px 10px 5px !important;
}
td.lefty {  
  padding: 10px 5px 10px 5px !important;    
}

div.postcolor {
  margin: 3px;
  padding: 10px;
  border: 1px solid black;   
}