JSFiddle - React, Tailwind, and code Playground

by venkateshwar

HTML

<table>
    <tr>
        <td>3</td><td>3</td>
    </tr>
    <tr>
        <td>3</td><td>3</td>
    </tr>
    <tr>
        <td>3</td><td>3</td>
    </tr>
    <tr>
        <td>3</td><td>3</td>
    </tr>
</table>

CSS

table
{
    width: 100%;
}

tr
{
    line-height: 0;
}

td
{
    padding: 10px 0px;
    border: 1px solid black;
}

td:after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: black;
    position: relative;
}