JSFiddle - React, Tailwind, and code Playground

by moob

HTML

<table>
  <tr>
    <td id="1_1">1_1</td>
    <td class="space"></td>
    <td id="1_2">1_2</td>
    <td id="1_3">1_3</td>
    <td id="1_4">1_4</td>
    <td id="1_5">1_5</td>
  </tr>
  <tr>
    <td class="space"></td>
    <td class="space"></td>
    <td class="space"></td>
    <td class="space"></td>
    <td class="space"></td>
    <td class="space"></td>
  </tr>
  <tr>
    <td id="2_1">2_1</td>
    <td class="space"></td>
    <td id="2_2">2_2</td>
    <td id="2_3">2_3</td>
    <td id="2_4">2_4</td>
    <td id="2_5">2_5</td>
  </tr>
</table>

CSS

table {
    border-collapse: collapse;
}

td {
    border: 1px solid black;
}

.space {
  height: 10px;
  width: 10px;
  border: none
}