JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <table border="1">
        <tr>
            <td>stuff</td>
            <td>stuff</td>
            <td>stuff</td>
            <td>stuff</td>
            <td>stuff</td>
            <td>stuff</td>
            <td>stuff</td>
            <td>stuff</td>
            <td>more stuff</td>
            <td>more stuff</td>
            <td>more stuff</td>
            <td>more stuff</td>
            <td>more stuff</td>
        </tr>
    </table>

CSS

div#wrapper{
        	margin: 2em;
        	padding: 1em;
        	border: 1px solid black;
        	width: auto;
        }