JSFiddle - React, Tailwind, and code Playground

by Rob Sedgwick

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js "></script>
<link rel="stylesheet" href="//cdn.thefishy.co.uk/css/fishy3.css">
<link rel="stylesheet" href="//cdn.thefishy.co.uk/css/bootstrap-cust.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/6.0.7/highcharts.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/6.0.7/js/modules/data.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/6.0.7/js/modules/drilldown.js"></script>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<div class="container">
  <div id="content">
    <div class="story2">
      <div id="undies" style="min-width: 310px; max-width: 600px; height: 400px; margin: 0 auto"></div>


      <div>
        <h1>Grimsby Town vs Lincoln Complete Record</h1>

        <table class='table table-condensed table-striped table-bordered'>
          <caption>Grimsby Town vs Lincoln</caption>
          <tr class='cats info'>
            <th width='160'>Competition</th>
            <th>Season</th>
            <th class='catsc'>H/A</th>
            <th>Score</th>
            <th>Outcome</th>
          </tr>
          <tr class='cats'>
            <td><b><a href="/story.php?id=8388374">FA Cup</a></b></td>
            <td><b><a href='/story.php?id=7988255'>1884-1885</a></b></td>
            <td align='center'>H</td>
            <td align='center'>1-0</td>
            <td align='center'>W</td>
          </tr>
          <tr>
            <td><b><a href="/story.php?id=8388374">FA Cup</a></b></td>
            <td><b><a href='/story.php?id=7988256'>1885-1886</a></b></td>
            <td align='center'>A</td>
            <td align='center'>2-0</td>
            <td align='center'>W</td>
          </tr>
          <tr>
            <td><b><a href="/story.php?id=8388374">FA...

CSS

td.fishy,
th.fishy {
  font-family: geneva, verdana, arial, helvetica, sans;
  font-size: 8pt
}

td.fishy,
tr.fishy,
table.fishy {
  color: blue;
  font-size: 8pt
}

.catsc {
  text-align: center
}