title: How to float grid view left side of the Sidebar (in HTML first appear posts)
body: <p>I write a sample code in <a href="http://jsfiddle.net/yazdi/MUU4V/2/" rel="nofollow noreferrer">jsfiddle</a></p>
  
  <p>I want exactly this Result but the <strong>Sidebar</strong> in <strong>HTML</strong> appear in bottom of code, like this:</p>
  
  <pre><code>&lt;div class="wrap"&gt;
      &lt;div class="item"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;/div&gt;    
      &lt;div class="item"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;/div&gt;
  
      &lt;div class="sidebar"&gt;&lt;/div&gt; &lt;---- coming bottom for SEO
  
  &lt;/div&gt;
  </code></pre>
  
  <p>see <a href="http://jsfiddle.net/yazdi/MUU4V/2/" rel="nofollow noreferrer">jsfiddle</a>,</p>
  
  <p>Green box (Sidebar)</p>
  
  <p>Gray box (Posts)</p>
  
  <p><img src="https://i.stack.imgur.com/Y3CX3.png" alt="enter image description here"></p>
  
  <hr>
  
  <p>I found my Question , thanks <strong>@David</strong> for <code>dummy</code> idea, I use 2 big margin-right</p>
  
  <p><a href="http://jsfiddle.net/yazdi/MUU4V/9/" rel="nofollow noreferrer">http://jsfiddle.net/yazdi/MUU4V/9/</a></p>