JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            <h1>Heading 1</h1>
            <p>
                This is a very very long paragraph.
                This is a very very long paragraph.
                This is a very very long paragraph.
                This is a very very long paragraph.
                This is a very very long paragraph.
            </p>
        </td>
        <td>
            <h1>Heading 1</h1>
            <p>
                This is a very very long paragraph.
                This is a very very long paragraph.
                This is a very very long paragraph.
                This is a very very long paragraph.
                This is a very very long paragraph.
            </p>
        </td>
        <td>
            <h1>Heading 1</h1>
            <p>
                This is a very very long paragraph.
                This is a very very long paragraph.
                This is a very very long paragraph.
                This is a very very long paragraph.
                This is a very very long paragraph.
            </p>
        </td>
        <td>
            <h1>Heading 1</h1>
            <p>
                This is a very very long paragraph.
                This is a very very long paragraph.
                This is a very very long paragraph.
                This is a very very long paragraph.
                This is a very very long paragraph.
            </p>
        </td>
    </tr>
</table>

CSS

h1                      {font-size:18px}
table                   {background:#e3e3e3;}
td                      {border:1px solid #000}