JSFiddle - React, Tailwind, and code Playground

by vusan

HTML

<table border="0" cellspacing="0" cellpadding="0" style="width:100%">
    <tr>
        <td><div class="rotate">This rotate text 1</div></td>
        <td><div class="rotate">another text 2</div></td>
    </tr>
</table>

CSS

td {width:50px}
td .rotate{	 filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',  M11=0.1 , M12=1.1, M21=-1,M22=0);
	 overflow:visible;
	 

	 width:50px;
	 text-align:left;
}