title: Vertically & horizontally align text after CSS rotation
body: <p>So I'm using CSS to rotate some text from horizontal to vertical (90 degrees) like so:</p>
  
  <pre><code>-webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  writing-mode: tb-rl;
  filter: flipv fliph;
  </code></pre>
  
  <p>My problem is that this shifts the text way outside of the container div.  Is there a trick to keep it inside the container? Is there some anchor point that I could set? What is a cross browser way to adjust post?</p>