JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>A</td>
        <td>B</td>
        <td>C</td>
    </tr>
</table>

CSS

body
{
    padding: 1.5em;
}
table
{
    border: 1px solid red;   
    border-radius: 5px;
    border-collapse: separate;
    padding: 0.5em;
}
tr
{
    padding: 10px;
    padding-left: 10px;
}
td
{
    padding: 0;
    border: 1px solid green;
    border-radius: 4px;
}