title: How to use CSS Rotate() in TH Table Tags
body: <p>I need some CSS guru assistance.</p>
  
  <p>I am trying to create a simple html <code>&lt;table&gt;</code> where the column headers (<code>&lt;th&gt;</code> tags) have their text rotated 270 degrees to display sideways.</p>
  
  <p>I am having trouble anchoring the header cells so the left-most part of the cell text aligns alone the bottom or baseline of all the <code>&lt;th&gt;</code> tags.</p>
  
  <p>I have made many, many attempts a  this and just cannot solve it via CSS.</p>
  
  <p>Can anyone give me some ideas on how to achieve this?</p>
  
  <p>See my jsfiddle at <a href="http://jsfiddle.net/franco13/t5GgE/" rel="nofollow noreferrer">http://jsfiddle.net/franco13/t5GgE/</a></p>
  
  <p>This is what I want to achieve:</p>
  
  <p><img src="https://i.stack.imgur.com/BYXru.jpg" alt="enter image description here"></p>