JSFiddle - React, Tailwind, and code Playground

by Ganesh Salunkhe

HTML

<table>
<thead>
    <tr>
        <th></th>
        <th>Col 1</th>
        <th>Col 2</th>
    </tr>
</thead>
<tbody>
    <tr>
        <th>Row 1</th>
        <td>12</td>
        <td>14</td>
    </tr>
    <tr>
        <th>Row 2</th>
        <td>13</td>
        <td>11</td>
    </tr>
</tbody>
</table>

CSS

table {
  font-family: sans-serif;
  border-collapse: collapse;
}

thead th {
   -moz-transform: rotate(-90deg);  /* FF3.5+ */
   -o-transform: rotate(-90deg);  /* Opera 10.5 */
   -webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
   filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  /* IE6,IE7 */
   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* IE8 */
   vertical-align: top;
   padding: 15px 0;
}
td, th {
  padding: 10px;
  text-align: center;
  border: solid 1px #999;
}