title: Possible to swap position of div elements using CSS?
body: <p>In my example there are two div, I just wanted that first div come down after second div using css
  let suppose below example</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="div1" &gt;
  
  This is first div.
  &lt;/div&gt;
  &lt;div class="div2" &gt;
      This is second div.
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Above code give output like below</p>
  
  <p>This is first div.</p>
  
  <p>This is second div.</p>
  
  <p>but i wanted output should be</p>
  
  <p>This is second div.</p>
  
  <p>This is first div.</p>
  
  <p>Don't use margin top:20px because text in mycase will bigger then in example.</p>