JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>
<p>hello</p>
<table>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

CSS

td {
    border-top:#000 2px solid; /* dash styles */
    width:30px; /* dash length */
    height:1px;
}
td:nth-child(even) {
    border-top:none; /* these are the gaps */
    width:10px; /* gap width */
}