title: How to change the order floated elements?
body: <p>I hardly use <code>float:right</code> in my css and now I did and came across a annoying problem. I am floating my menu items to the right</p>
  
  <p>my HTMl</p>
  
  <pre><code>    &lt;ul id="extMenu"&gt;
          &lt;li&gt;
              &lt;a href="#"&gt;Home&lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;a href="#"&gt;Feedback&lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;a href="#"&gt;Contact&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>
  
  <p>my CSS</p>
  
  <pre><code>    #extMenuBlock {
      }
          #extMenuBlock ul#extMenu { 
              list-style:none;
              padding:0;
              margin:0; 
          }
          #extMenuBlock ul#extMenu li { 
              float:right;
              padding:5px; 
          }
  </code></pre>
  
  <p>Now when the items are float, I receive my menu is this order <code>Contact Feedback Home</code>, but I want them in opposite order ie <code>Home Feedback Contact</code></p>