Rotating Text Within A Fixed Div

I'm trying to set up a fixed div to the left of a page, 24px from the left and stretching from top to bottom of the page. Inside this div will be navigation and a title. I'm trying

Solution 1:

You may also take a look at writing-mode:

 -webkit-writing-mode: vertical-lr;
  /* old Win safari */writing-mode: vertical-rl;/*FF*/writing-mode: tb-lr;
 /*  writing-mode:sideways-lr;
     or eventually scale(-1,-1) untill sideways-lr is working everywhere */transform: scale(-1, -1);

https://jsfiddle.net/xkLc9xuy/20/