JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<table>
    <tbody>
        <tr>
            <td>Row one, column one</td>
            <td>Row one, column two</td>
        </tr>
        <tr>
            <td>Row two, column one</td>
            <td>Row two, column two</td>
        </tr>
        <tr>
            <td>Row three, column one</td>
            <td>Row three, column two</td>
        </tr>
    </tbody>
</table>

CSS

table {
    border-collapse: separate;
}

td {
    border-top: 0.5em solid transparent;
    border-bottom: 0.5em solid transparent;
}

td:hover {
    border-color: #ccc;
}