JSFiddle - React, Tailwind, and code Playground

HTML

<table id="theList">
    <col style="width: 200px;">
    <col style="width: 50px;">
    <thead>
        <tr>
            <th>Item</th>
            <th>Price</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Milk</td>
            <td>1.99</td>
        </tr>
        <tr>
            <td>Eggs</td>
            <td>2.29</td>
        </tr>
    </tbody>
</table>

CSS

th,td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #000000;
}
tr {
    border: 1px solid gray;
}
td {
    /*width:200px;*/
    padding:3px;
}
th {
    background-color:#D2E0E8;
    color:#003366
}
table {
    border: 1pt solid gray;
}