title: Vertically align two objects after rotation
body: <p>I have two objects (or elements?, I'm new to CSS) and I want to vertically align them. The problem is that, one of them has been rotated, so it vertically aligns the original object instead of the rotated object.</p>
  
  <pre><code>div.sectionwrapper{
  /* I'm assuming I need to put something here*/
  }
  
  div.left-section{
      transform: rotate(270deg);
      width: 500px;
      vertical-align:middle;
  }
  
  div.right-section{
      height: 500px;
      vertical-align:middle;
  }
  </code></pre>