title: Is CSS3's 'move-to'/content: pending(...) supported in any browsers?
body: <p>"How do I re-order elements using pure CSS" is a commonly asked question. And you have to use Javascript for it.</p>
  
  <p>However I recently discovered <code>move-to</code>, a new part of CSS3, which would seem to solve the problem of re-ordering content. The <a href="http://www.w3.org/TR/css3-content/#introduction" rel="nofollow">introduction to that module</a>, gives an example of moving images around.</p>
  
  <p>However I <a href="http://www.technomancy.org/html/css-move-to/" rel="nofollow">tried to use CSS3's move-to</a>, but it doesn't work. Here's a <a href="http://www.technomancy.org/html/css-move-to/example.html" rel="nofollow">simple example</a>:</p>
  
  <p>CSS:</p>
  
  <pre><code>&lt;style&gt; 
      #div1 {
          move-to: end-of-div2;
      }
      #div2:after {
          content: pending(end-of-div2);
      }
  &lt;/style&gt; 
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="div1"&gt;This is div1&lt;/div&gt; 
  &lt;div id="div2"&gt;This is div2&lt;/div&gt; 
  </code></pre>
  
  <p>Is <code>move-to</code> supported in any browser (desktop or mobile)? Or am I doign something wrong?</p>