JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<div id="resultA">
    <table>
        <tr>
            <th>Result</th>
        </tr>
        <tr>
            <td>11.5</td>
        </tr>
    </table>
</div>
<br>
<div id="resultB">
    <table>
        <tr>
            <th>Result</th>
        </tr>
        <tr>
            <td>9.4</td>
        </tr>
    </table>
</div>

CSS

#resultA table {border-collapse: collapse}
#resultA table th, td {border: 1px solid black}
#resultA table td {background-color: blue}

#resultB table {border-collapse: collapse}
#resultB table th, #resultB table td {border: 5px solid black}
#resultB table td {background-color: red}