title: Positing rotated text along div
body: <p>First of all, an image of what I am trying to acheive:</p>
  
  <p>Sample here:</p>
  
  <p><img src="https://i.stack.imgur.com/hHTbq.png" alt="sample">
  <a href="https://i.imgur.com/3BpFF.png" rel="nofollow noreferrer">http://i.imgur.com/3BpFF.png</a></p>
  
  <p>The white box with the word 'div' in it is obviously the div I have. For my purposes, it's a div centered in a page using <code>width:500px; margin: 0 auto;</code>. What I want is to be able to align some rotated text (using <code>-moz-transform: rotate(90deg)</code> or alternatively prefixed rotates) along the <em>top</em> of the div, like the word 'Holy' above (sample text). I would also like to set the baseline on that div, though it isn't that important.</p>
  
  <p>By the way, I used some absolute positioning in Firebug to get the text aligned there - it was hacked there using per pixel positioning. It's not very flexible (if at all) because once I increase the font size or change the position of the div, it's broken.</p>
  
  <p>Also: I am open to using SASS and other such things (I don't have any experience with it yet, but I do I think it allows use of variables which may help). </p>