JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tbody>
  <tr>
    <th>This is my heading</th>
  </tr>
  <td>
    しょうがない
  </td>
</tbody>
</table>

CSS

td {
  writing-mode: vertical-rl;
  text-align: center;
  vertical-align: middle;
 
}
td, th {
  border: 1px solid black;
}