JSFiddle - React, Tailwind, and code Playground

by LinkinTED

HTML

<table>
    <tr>
        <th colspan="4">Info: <span>$1.00</span></th>
    </tr>
    <tr>
        <td>Value 1</td>
        <td>Value 2</td>
        <td>Value 3</td>
        <td>Value 4</td>
    </tr>
</table>

CSS

table {
    border: 0;
    border-collapse: collapse;
}
table th {
    padding: 0 5px;
    text-align: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size:16px;
    color:darkblue;
}
table th span {
    color: orange;
}
table td {
    border-top: 1px solid black;
    font-weight: bold;
}
table td:first-child {
    color: darkblue;
    font-weight: normal;
}
table td:last-child {
    font-weight: normal;
}