JSFiddle - React, Tailwind, and code Playground

by mvasilkov

HTML

<table cellpadding=0 cellspacing=0>
    <tr>
        <td>
            <span>aaa</span>
        </td>
        <td>
            <span>aaa</span>
        </td>
    </tr>
    <tr>
        <td>
            <span>bbb</span>
        </td>
        <td>
            <span>bbb</span>
        </td>
    </tr>
    <tr>
        <td>
            <span>ccc</span>
        </td>
        <td>
            <span>ccc</span>
        </td>
    </tr>
</table>

CSS

table {
    border: 1px solid #ff8000;
}

td {
    border-bottom: 1px solid #0080ff;
    height: 60px;
    padding: 0 20px;
    vertical-align: middle;
}

td + td {
    padding-left: 0;
}

tr:last-child td {
    border: 0;
}