JSFiddle - React, Tailwind, and code Playground

HTML

<table  border="1">

   <tbody>
<tr>
<td  style="padding: 0"><img src="8.jpg" alt="" /> IMG1</td>
<td  style="padding: 0"><img src="98.jpg" alt="" />IMG2</td>
<td  style="padding: 0"><img src="998.jpg" alt="" />IMG3</td>
<td  style="padding: 0"><img src="1998.jpg" alt="" />IMG3</td>
</tr>
<tr>
<td  style="background-color: #757575; padding-right:10px;">11194</td>
<td  style="background-color: #757575;">11194</td>
<td  style="background-color: #757575;">11194</td>
<td  style="background-color: #757575;">11194</td>
</tr>
<tr>
<td  style="padding: 0"><img src="8.jpg" alt="" />IMG4</td>
<td  style="padding: 0"><img src="98.jpg" alt="" />IMG5</td>
<td  style="padding: 0"><img src="998.jpg" alt="" />IMG6</td>
<td  style="padding: 0"><img src="1998.jpg" alt="" />7</td>
</tr>

</tbody>
</table>

CSS

table
{
    padding:10px;
    width: 960px;
    /*border-collapse: collapse;*/
}