JSFiddle - React, Tailwind, and code Playground

HTML

<table id="content">
    <tr>
        <th>Description 1</th>
        <td>Data 1A</td>
        <td>Data 1B</td>
        <td>Data 1C</td>
    </tr>
    <tr>
        <th>Description 2</th>
        <td>Data 2A</td>
        <td>Data 2B</td>
        <td>Data 2C</td>
    </tr>
    <tr>
        <th>Description 3</th>
        <td>Data</td>
        <td>More data</td>
        <td>And more data</td>
    </tr>
</table>

CSS

#content {
    border:1px solid;
    border-collapse:collapse;
}
#content td, #content th {
    border:1px solid;
    text-align:left;
    padding:.07em .2em;
    white-space:nowrap;
    font-weight:400;
}
#content td {
    display: inline-block;
    width: 100px;
}
}