how to rotate text left 90 degree and cell size is adjusted according to text in html

Question

Suppose i have table with some rows and column,so i want to rotate text in cells something like this
:

Answer 1

Unfortunately while I thought these answers may have worked for me, I struggled with a solution, as I'm using tables inside responsive tables - where the overflow-x is played with.

So, with that in mind, have a look at this link for a cleaner way, which doesn't have the weird width overflow issues. It worked for me in the end and was very easy to implement.

https://css-tricks.com/rotated-table-column-headers/