title: CSS how translate DIV with whole content in it
body: <p>I'm trying to <strong>translate in 90 degrees</strong> a <code>div</code> with it all content (images and text), how can I do that?</p>
  
  <p>I tried this css but no success :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>div.ccw {
           transform: rotate(-90deg) translateX(540px); 
           -webkit-transform: rotate(-90deg) translateX(540px); 
          -moz-transform: rotate(-90deg) translateX(540px);
          -o-transform: rotate(-90deg) translateX(540px);
          -ms-transform: rotate(-90deg) translateX(540px);
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;div ng-view=""  class="container-fluid main-screen ng-scope ccw"&gt;&lt;div class="error row ng-scope"&gt;
   &lt;div class="col-xs-12 text-center"&gt;
    &lt;div class="padding-3percent logo col-xs-12 text-center"&gt;
     &lt;img class="img-responsive center-block" width="60px" src="https://raw.githubusercontent.com/plu/JPSimulatorHacks/master/Data/test.png"&gt;
    &lt;/div&gt;
    &lt;div class="padding-2percent logo col-xs-12 text-center"&gt;
     &lt;img width="60px" class="img-responsive center-block" src="https://raw.githubusercontent.com/plu/JPSimulatorHacks/master/Data/test.png"&gt;
    &lt;/div&gt;
    &lt;div class="text-center col-xs-12"&gt;
     &lt;h1&gt;TEST&lt;/h1&gt;
    &lt;/div&gt;
    &lt;div class="text-center col-xs-12"&gt;
     &lt;strong&gt;Test test Test test Test test Test test Test test&lt;/strong&gt; 
    &lt;/div&gt;
    &lt;div id="footer"&gt;
     &lt;div class="text-center col-xs-12"&gt;
      &lt;p&gt;
       Test test Test testTest test Test test Test test Test test Test test Test test Test test Test test Test testTest testTest test
      &lt;/p&gt;
     &lt;/div&gt;
     &lt;div class="text-right col-xs-12"&gt;
      &lt;span&gt;counter&lt;/span&gt;
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Many thanks</p>