JSFiddle - React, Tailwind, and code Playground

HTML

<div style='margin: 15px;'><strong  style='font-size: 16px;'>Idag  (<span class='counterY'>1</span>)</strong> <a id='Y' class='removeAllActions' style='cursor: pointer'>ta bort alla</a><br><table border="0" cellspacing="0" cellpadding="0" id="yesterdayNotes"><colgroup><col class="col1"><col class="col2"><col class="col3"></colgroup><tr>
<td class="cellDate"> kl. 22:02</td>
<td class="cellNote" >
<a href="profil.php?id=1&wE=2165"><strong>Meg Meg</strong> har skrivit på din vägg.</a></td>
<td class="cellDel"><a class="removeAction" data-id="Y" id="1231">DEL</div></a></td>
</tr>
</table></div><div style='margin: 15px;'><strong style='font-size: 16px;'>Older (<span class='counterO'>34</span>)</strong> <a id='O' class='removeAllActions' style='cursor: pointer'>ta bort alla</a><br><table border="0" cellspacing="0" cellpadding="0" id="olderNotes"><colgroup><col class="col1"><col class="col2"><col class="col3"></colgroup>
<tr>
<td class="cellDate">6-12-2010 kl. 22:17</td>
<td class="cellNote">
<a href="profil.php?id=1&wE=2092"><strong>Rafo Oppaneseu</strong> har skrivit på din vägg.</a></td>
<td class="cellDel"><a data-id="O" class="removeAction" id="1157">DEL</div></a></td>
</tr>
 
<tr>
<td class="cellDate">4-12-2010 kl. 21:44</td>
<td class="cellNote">
<a href="pm.php?v=185">Du har mottagit ett meddelande från Rafo Oppaneseu</a></td>
<td class="cellDel"><a data-id="O" class="removeAction" id="1151">DEL</div></a></td>
</tr>
 
<tr>
<td class="cellDate">4-12-2010 kl. 19:06</td>
<td class="cellNote">
<a href="profil.php?id=1&wE=2088"><strong>Rafo Oppaneseu</strong> har skrivit på din vägg.</a></td>
<td class="cellDel"><a data-id="O" class="removeAction" id="1150">DEL</div></a></td>
</tr>
 
<tr>
<td class="cellDate">4-12-2010 kl. 10:12</td>
<td class="cellNote">
<a href="profil.php?id=108"><strong>Du</strong> är nu vänner med <strong>Test User</strong></a></td>
<td class="cellDel"><a data-id="O" class="removeAction" id="1148">DEL</div></a></td>
</tr>
 
<tr>
<td...

CSS

#todayNotes{ 
width: 100%;
}
#yesterdayNotes{
width: 100%;
}
#olderNotes{
width: 100%;
}
.col1{
 width:70px;
}
.col2{
 text-align:center;
}
.col3 {
 width: 10px;
}
.cellDate {
     border: 1px solid #000;
}
.cellNote{
 width:130px;
  border: 1px solid red;
}
.cellDel{
width: 10px;
 border: 1px solid green;
}