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><div class="right_space">11194</div></td>
<td><div class="right_space">11194</div></td>
<td><div class="right_space">11194</div></td>
<td><div class="right_space">11194</div></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;*/
}

.right_space
{
    background-color: #757575; 
    margin-right:10px;
}