JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <caption>My Table <span>My Table Span</span> </caption>
    <tr>
        <td>
            row 1, cell 1
        </td>
        <td>row 1, cell 2
        </td>
    </tr>
    <tr>
        <td>
            row 2, cell 1
        </td>
        <td>row 2, cell 2
        </td>
    </tr>
</table>

CSS

table
{
    width: 300px; 
    border:1px solid #000; 
    border-collapse:collapse;
}
table td
{
    border:1px solid #000;
}
caption
{
    background:green;
}
caption span
{ 
    float:right; 
    background:red;
}