JSFiddle - React, Tailwind, and code Playground

by JWo1F

HTML

<div style="width:2000px">
  <table>
    <caption>
      Superheros and sidekicks
    </caption>
    <colgroup>
      <col span="2" class="batman" />
      <col />
      <col />
    </colgroup>
    <tr>
      <th scope="col">Batman</th>
      <th scope="col">Robin</th>
      <th>The Flash</th>
      <th>Kid Flash</th>
    </tr>
    <tr>
      <td scope="col">Skill</td>
      <td scope="col">Smarts, strong</td>
      <td>Dex, acrobat</td>
      <td>Super speed</td>
      <td>Super speed</td>
    </tr>
  </table>
</div>

CSS

.batman {
  color: red;
}