JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <td style="text-align: center; background-color: #1b6d85; color: white;">Tage:</td>
    <td style="text-align: center; background-color: #1b6d85; color: white;">##</td>
    <td style="background-color: black;"></td>
    <td style="text-align: center; background-color: #1b6d85; color: white;" colspan="5">xx</td>
    <td style="background-color: black;"></td>
    <td style="text-align: center; background-color: #1b6d85; color: white;" colspan="4">xxxx</td>
    <td style="background-color: black;"></td>
    <td style="text-align: center; background-color: #1b6d85; color: white;" colspan="4">xxxxxx</td>
    <td style="background-color: black;"></td>
    <td style="text-align: center; background-color: #1b6d85; color: white;" colspan="4">xxxx</td>
    <td style="background-color: black;"></td>
    <td style="text-align: center; background-color: #1b6d85; color: white;">Monat:</td>
    <td style="text-align: center; background-color: #1b6d85; color: white;">***</td>
  </tr>
  <tr>
    <th class="header-label">xxx</th>
    <th class="header-label">xxxx.</th>
    <th style="background-color: black;"></th>
    <th class="header-label">xxxxx</th>
    <th class="header-label">xxxxx</th>
    <th class="header-label">xxxxxx</th>
    <th class="header-label">xxxxxx</th>
    <th class="header-label">xxxxxx</th>
    <th style="background-color: black;"></th>
    <th class="header-label">xxx</th>
    <th class="header-label">xxxx</th>
    <th class="header-label">xxxxx</th>
    <th class="header-label">xxxxxx</th>
    <th style="background-color: black;"></th>
    <th class="header-label">x</th>
    <th class="header-label">xxxxxxxx</th>
    <th class="header-label">x</th>
    <th class="header-label">xxxxxxxx</th>
    <th style="background-color: black;"></th>
    <th class="header-label">xxx</th>
    <th class="header-label">xxxxxxxx.</th>
    <th class="header-label">xxxxxxxx.</th>
    <th class="header-label">xxx</th>
    <th style="background-color:...

CSS

.header-label {
  /*writing-mode: vertical-rl;*/
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  /*vertical-align: middle;*/
  /*text-align: left;*/
  font-weight: bold;
  /*word-break: break-word;*/
  /*height: 20px;*/
  table-layout: fixed;
  overflow: hidden;
  height: 80px;
}