JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr>
  <td class=vertical><span>header1</span></td>
  <td class=vertical><span>header2</span></td>
</tr>
<tr>
  <td>content1</td>
  <td>content2</td>
</tr>
</table>

CSS

.vertical span {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

table {
  border: 1px solid black;
}

table td {
  border: 1px dotted black;
}