JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<table id="nails">
<thead>
    <tr><th>Nail Size</th><th>Nail Length</th><th>Shank Diameter</th><th>Head Diameter</th></tr>
</thead>
<tbody>
    <tr><td>2d</td><td>1"</td><td>0.070</td><td>11/64</td></tr>
    <tr><td>3d</td><td>1&frac14;"</td><td>0.085</td><td>13/64</td></tr>
    <tr><td>4d</td><td>1&frac12;"</td><td>0.1</td><td>1/4</td></tr>
    <tr><td>5d</td><td>1&frac34;"</td><td>0.1</td><td>17/64</td></tr>
</tbody>
</table>

CSS

#nails { border-collapse:collapse; width: 464px; font-family: Verdana; font-size:11px; } 
#nails, #nails td, #nails th { border: 1px solid black; }
#nails td, #nails th {padding: 5px; width: 25%; text-align:center; }
#nails th { background-color: #EBECE4; border-color: #0000FF; }