title: How to use float without flipping floated item and changing in source order? Is this possible?
body: <p>See this example to understand</p>
  
  <p><a href="http://jsbin.com/ocewu" rel="nofollow noreferrer">http://jsbin.com/ocewu</a></p>
  
  <p><a href="http://easycaptures.com/fs/uploaded/212/8042227539.png" rel="nofollow noreferrer">alt text http://easycaptures.com/fs/uploaded/212/8042227539.png</a></p>
  
  <p>This is code of example</p>
  
  <pre><code>&lt;style type="text/css" media="screen"&gt;
  body { background-color: #000; font: 16px Helvetica, Arial; color: #fff; }
  
  div {width:300px;height:42px;border:2px solid red}
  a{border:2px solid blue;padding:10px}
  div a {float:right}
  #div2 a {float:left}
  
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  I need positioning in right like this
  
  &lt;p&gt;div a {float:right}&lt;/p&gt;
  
  &lt;div &gt;
    &lt;a&gt;A&lt;/a&gt;
    &lt;a&gt;B&lt;/a&gt;
  &lt;/div&gt;
  
  but element order like this without changing in HTML code
  
  &lt;div id="div2"&gt;
    &lt;a&gt;A&lt;/a&gt;
    &lt;a&gt;B&lt;/a&gt;
  
  &lt;/div&gt;
  </code></pre>