JSFiddle - React, Tailwind, and code Playground

HTML

<div id=container>
    <table width="100%">
        <tr>
            <td>
                <p>
                    3,4,5,10 
                </p>
            </td>
            <td>
                <p>
                    First Set of Numbers.
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    11,12,13,14 
                </p>
            </td>
            <td>
                <p>
                    Second Set of Numbers.
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    15,16,17,18,19,20,21,22,23,24
                </p>
            </td>
            <td>
                <p>
                    Third Set of Numbers.
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    25,26,27,28,29 
                </p>
            </td>
            <td>
                <p>
                    Fourth Set of Numbers.
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    30,31,32 
                </p>
            </td>
            <td>
                <p>
                    Fifth Set of Numbers.
                </p>
            </td>
        </tr>
    </table>
</div>

CSS

#container
{
    width: 300px;
}
table
{
    table-layout: fixed;
}
p
{
    margin: 5px 0;
    padding: 8px 0;
}
td
{
    width: 50%;
}