title: CSS - Overlapping divs
body: <p>I have no code to start with.</p>
  
  <p>I want to add 2 divs overlapping on each other and then use the new CSS3 Rotate function. The effect I want to create is shown on <a href="http://philippdoms.com" rel="nofollow noreferrer">this page</a></p>
  
  <p><strong>Requirements</strong></p>
  
  <ul>
  <li>I don't want to use images</li>
  <li>I don't mind using CSS3</li>
  <li>It should be easy to align the whole thing in the center (which makes it harder to use position: absolute;).</li>
  <li>It's going to be content below the boxed content (which makes it harder to use position: absolute;).</li>
  <li>If it's possible without too much position: absolute; it's better.</li>
  <li>I prefer table free solutions.</li>
  </ul>
  
  <p>Have fun!</p>