Complexity of a Simple Chart

by Jeff Cave

HTML

<table>
<caption>
  <h1>Status</h1>
  <p><time>@2023-02-02</time></p>
</caption>
<tbody>
 <tr>
  <td>ERROR</td>
  <td>gov.sec</td>
  <td>Out of Date</td>
 </tr>
 <tr>
  <td>REFRESH</td>
  <td>market.nyse</td>
  <td>1.3456 Hours</td>
 </tr>
 <tr>
  <td>OK</td>
  <td>gov.sedar</td>
  <td></td>
 </tr>
 <tr>
  <td>OK</td>
  <td>market.tsx</td>
  <td></td>
 </tr>
</tbody>
</table>

CSS

caption{
  border:1px solid black;
  border-bottom:none;
}
caption time{
  font-size:xx-small;
}
table{
  border-collapse: collapse;
  border:1px solid black;
  border-top:none;
  padding:1em;
  font-size:xx-large;
}
tr{
  margin-left: 1em;
}
td{
  text-align:left;
  border:1px solid black;
  padding: 0.1em;
}

td:nth-child(1){
  text-align:center;
}