.myClass {

  white-space: nowrap;

  writing-mode: vertical-rl;

  text-orientation: mixed;

  padding: 8vh;

}

​

table {

  font-size: calc(1vh + 2vw);

  vertical-align: center;

  text-align: center;

  width: 80vw;

  height: 70vh;

}

​

table tr:last-child {

  max-height: 20%;

  background-color: red;

}

​

<table>

  <caption>Your Table

    <caption>

      <thead>

        <th class="myClass">Secondlong headear

        </th>

​

        <th class="myClass">Secondlong headear

        </th>

​

        <th class="myClass">Second long headear

        </th>

      </thead>

      <tbody>

        <tr>

          <td>tbody</td>

          <td>tbody</td>

          <td>tbody</td>

        </tr>

      </tbody>

      <tfoot>

        <td class="costam">foo</td>

        <td>foo</td>

        <td>foo</td>

      </tfoot>

</table>