title: Change divs position
body: <p>This is my simplified css code :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;div style="display:block;border:1px solid black;padding:10px;"&gt;
       &lt;div style="display:inline-block;width:32%;border:1px solid black;"&gt;
        div1
       &lt;/div&gt;
       &lt;div style="display:inline-block;width:32%;border:1px solid black;"&gt;
        div2
       &lt;/div&gt;
       &lt;div style="display:inline-block;width:32%;border:1px solid black;"&gt;
        div3
       &lt;/div&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>It is displaying divs in this order : div1 div2 div3.</p>
  
  <p>Is it possible to change their position to this order : div2 div1 div3 using only css?</p>