JSFiddle - React, Tailwind, and code Playground

by Harisankaran Parameswaran

HTML

<table>
    <th id="tbl_head" colspan='4'>%s</th>
    <tr>
        <td id="colhead">Track</td>
        <td id="colhead">Artist</td>
        <td id="colhead_time">Time</td>
        <td id="colhead">Album</td>
    </tr>
</table>

CSS

table {
    font-family: verdana, arial, sans-serif;
    font-size:11px;
    margin-left: auto;
    margin-right: auto;
    border-width: 1px;
    border-collapse: separate;
    border-spacing: 0px;
}
td {
    padding: 3px;
}
#colhead {
    font-weight: bold;
    text-align: left;
    background-color: #989898;
    color: #000000;
    border-left-color: red;
    border-left-style: solid;
    border-left-width: 2px;
    border-right-color: blue;
    border-right-style: solid;
    border-right-width: 1px;
}
#colhead_time {
    font-weight: bold;
    text-align: right;
    background-color: #989898;
    color: #000000;
    border-left-color: red;
    border-left-style: solid;
    border-left-width: 2px;
    border-right-color: blue;
    border-right-style: solid;
    border-right-width: 1px;
}