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

Without calculating height. Strict CSS and HTML. only for Chrome, because the chrome isn't able change text direction for .

th 
{
  vertical-align: bottom;
  text-align: center;
}

th span 
{
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
}

  

    
Rotated text by 90 deg.