title: How to apply text rotation in CSS?
body: <p>I am trying to achieve the below</p>
  
  <p><a href="https://i.stack.imgur.com/nxSPe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nxSPe.png" alt="enter image description here"></a></p>
  
  <p>This is what I have achieved so far</p>
  
  <p><a href="https://i.stack.imgur.com/bST6K.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bST6K.png" alt="enter image description here"></a></p>
  
  <p>by using the below CSS:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;
  div {
      width: 90px;
      height: 20px;
      background-color: yellow;
      /* Rotate div */   
      transform: rotate(270deg);
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div&gt;&lt;font color="red"&gt;&lt;b&gt;ACTIVE&lt;/b&gt;&lt;/font&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I am looking for the text rotation. How can I achieve the same?</p>