JSFiddle - React, Tailwind, and code Playground

HTML

<table width="100%">
    <tr>
        <td>aaa</td>
    </tr>
    <tr>
        <td>bbbbbbb</td>
    </tr>
</table>

<table width="100%">
    <tr>
        <td>aasf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf aa ads fasdf asdf asdf asdf asdf adsf asdf asda asdfas dfasdfasads</td>
    </tr>
    <tr>
        <td>aasf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf aa ads fasdf asdf asdf asdf asdf adsf asdf asda asdfas dfasdfasads fasdf asdf asdf sadf adsf asdf adsf adsf adsf asd fasd dsa fasd fasd f</td>
    </tr>
</table>

CSS

table {
    border-collapse: collapse;
    margin-bottom: 30px;
}
table td {
    border: 1px solid #ccc;
}