title: Printing rotated text from web page
body: <p>I run a web application that generates some reports for users. For one of those reports, I need to print the text rotated 90 degree. I've tried many ways but have not found a way to print it properly. I can display text on that pop-up 90 degree rotated with the css class below but when it's sent to printer as usual the text is rotated to normal form and printed. I understand the reason printer is not printing as it's displayed on the browser but is there any way I can do that? Scripting language for this site is PHP.</p>
  
  <p><strong>UPDATE: I can print text rotated that's on a static page but can't print text rotated when it's on a pop up. Actually now I need help to print a page with CSS styling intact</strong></p>
  
  <p>Edit: It will be even helpful enough if I can print it via Firefox only as the client uses Mozilla Firefox.</p>
  
  <pre><code>.rotate{
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
      width:400;
      height:400;
  }
  </code></pre>
  
  <p>This is how the pop-up shows the text and how I want to print the text <img src="https://i.stack.imgur.com/I0blY.png" alt="Preview"></p>
  
  <p>Much appreciated!</p>