JSFiddle - React, Tailwind, and code Playground

HTML

<br><br><br><br>
<table border='1'>
  <tr>
    <td>titulo</td>
    <td rowspan=4><p class='vertical'>texto deveria ser quebrado</p></td>
  </tr>
</table>

CSS

p.vertical
    {
     margin-left: -50px;
     margin-right: -50px;
     transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg); /* Safari/Chrome */
     -moz-transform: rotate(-90deg); /* Firefox */
     -o-transform: rotate(-90deg); /* Opera */
     -ms-transform: rotate(-90deg); /* IE 9 */
     color: rgb(166,166,166);
     font-size: 18px;
     word-wrap: break-word;
     font-family: Arial;
    }