title: I want to flip vertical a div, but not the content inside of it
body: <p>I'm using -webkit-transform to flip vertical a div, but the problem is that the text inside the div became flipped too... What can i do to flip the div but not the text?</p>
  
  <p>Here is my HTML</p>
  
  <pre><code>&lt;div&gt;
      &lt;ul&gt;
          &lt;li&gt;Primer elemento&lt;/li&gt;
          &lt;li&gt;Segundo elemento&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;​
  </code></pre>
  
  <p>Here is my CSS</p>
  
  <pre><code>div {
      background: lightblue;
      padding-left: 150px;
      -webkit-transform: scaleX(-1);  
      -moz-transform: scaleX(-1);
  }
  </code></pre>
  
  <p>​
  And here's my jsfiddle: <a href="http://jsfiddle.net/uTGXx/" rel="nofollow">http://jsfiddle.net/uTGXx/</a></p>