JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<table>
    <thead>
        <tr>
            <th></th>
            <th>Col one</th>
            <th>Col two</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Row One</td>
            <td>Some text insided the row, but not 'lorem ipsum.'</td>
            <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
        </tr>
    </tbody>
</table>

CSS

td {
    width: 7em;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1em;
    border: 1px solid #000;
 }