JSFiddle - React, Tailwind, and code Playground

by Daedalus

HTML

<table cellspacing="3">
  <tr>
    <td>0</td>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    <td>7</td>
  </tr>
  <tr>
    <td>8</td>
    <td>9</td>
    <td>10</td>
    <td>11</td>
    <td>12</td>
    <td>13</td>
    <td>14</td>
    <td>15</td>
  </tr>
</table>

CSS

td {
  text-align: center;
  border: 1px inset grey;
  width: 15px;
}

table {
  border: 2px outset lightgrey;
  background: lightgrey;
}