JSFiddle - React, Tailwind, and code Playground

by rrosemont

HTML

<table>
  <tr>
   <td>Test</td>
  </tr>
  <tr>
    <td>4</td>
    <td>5</td>
  </tr>
  <tr>
    <td>6</td>
    <td>7</td>
  </tr>
   <tr class="testing-row">
   <th class="heading">Second Test</th>
  </tr>
  <tr>
  </tr>
  <tr>
    <td>9</td>
    <td>10</td>
  </tr>
</table>

CSS

table {
  border-spacing: 0px 12px;
  width: 100%;
}

 th.heading{
  background-color: red;
  text-align: left;

}

tr td {
  text-align: left;
  vertical-align: middle;
  border: 1px solid #ccc;
  width: 50%;
  border-spacing: 0 0px;
}