JSFiddle - React, Tailwind, and code Playground
HTML
<table cellpadding="0" cellspacing="0" align="center">
<tr>
<td><div class='rotate'>Okrenuti tekst</div></td>
<td><div class='rotate'>Okrenuti tekst</div></td>
<td><div class='rotate'>Okrenuti tekst</div></td>
<td><div class='rotate'>Okrenuti tekst</div></td>
<td><div class='rotate'>Okrenuti tekst</div></td>
</tr>
<tr>
<td>nesto</td>
<td>nesto</td>
<td>nesto</td>
<td>nesto</td>
<td>nesto</td>
</tr>
<tr>
<td>nesto</td>
<td>nesto</td>
<td>nesto</td>
<td>nesto</td>
<td>nesto</td>
</tr>
</table>
CSS
td {
border-collapse:collapse;
border: 1px black solid;
}
tr:nth-of-type(5) td:nth-of-type(1) {
visibility: hidden;
}
.rotate {
-moz-transform: rotate(-90.0deg); /* FF3.5+ */
-o-transform: rotate(-90.0deg); /* Opera 10.5 */
-webkit-transform: rotate(-90.0deg); /* Saf3.1+, Chrome */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
}
JavaScript
$(document).ready(function () {
$('.rotate').css('height', $('.rotate').width());
});