JSFiddle - React, Tailwind, and code Playground

HTML

<table class="detailTable">
    <tr>
        <td class="label">Label1</td>
        <td class="data">Data1</td>
    </tr>
    <tr>
        <td class="label">Label2</td>
        <td class="data">Data2</td>
    </tr>
</table>

CSS

table.detailTable {
    border: 1px solid #ccc;
    margin: 0 0 .75em 0; 
    width: 100%;
    padding-bottom: 8px;
}
    table.detailTable td {
        padding-top:8px;
        padding-bottom: 0px;
        padding-left: 4px;
        padding-right: 4px;
    }
    table.detailTable td.label {
        color: #999;
        text-align:right;
        width: 142px;
    }
    table.detailTable td.data {
        text-align:left;
        max-width: 192px;
    }