title: How to rotate text 90 degrees inline
body: <p>How do I rotate text 90 degrees without using the style sheet? I have placed the following instruction in the header area of the page:</p>
  
  <pre><code>&lt;style&gt;
  div.rotate-text {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>Then I placed the following around the paragraph in question.</p>
  
  <pre><code>&lt;div id="rotate-text"&gt;
  &lt;p&gt;My paragraph&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But its not working and hence my question.</p>