title: Why can't I move this div after rotating?
body: <p>I have a <code>&lt;div&gt;</code> that I would like rotated and moved all the way to the left (like when using <code>left:0</code>). I have been able to rotate it so that my text is sideways as I want it, but it should be moved to the left of the screen.</p>
  <p>I have tried using <code>left:0</code> but it seems to do nothing.</p>
  <p>My HTML is as follows :</p>
  <pre><code>&lt;div id=&quot;Menu&quot; style=&quot;&quot;&gt;This is a test. This text should be on the left side of the page.&lt;/div&gt;
  </code></pre>
  <p>And my CSS is...</p>
  <pre><code>#Menu
  {
  width:100vh;
  height:2vw;
  background-color:#336699;
  transform: rotate(-90deg);
  }  
  </code></pre>
  <p>What am I missing in order to move this to the left side of the screen? I have created a jsfiddle in order to demonstrate this further. <a href="https://jsfiddle.net/px0sabgr/" rel="nofollow noreferrer">https://jsfiddle.net/px0sabgr/</a></p>