100% height block with vertical text

Question

I have a block of a variable height in which I want to put another block with 100% height and vertical text (bottom-to-top direction) and stack it to the left side of the ou

Answer 1

I came up with this:

    

        

        

            

                
Hi there!
            
        
        
    

• switched the transformation to the outer element,
• then used width attribute to define the height at the bottom of the page (when you play with that, you are actually playing with the height there.)
• and for the empty left space visible after rotation, I used the variable width (height) as negative margin.

You can see it here: http://pastehtml.com/view/c0hl7zxci.html