title: CSS going-around content flow
body: <p>Is there a way to define a content flow in CSS using flex or other techniques such that content "zig zags" or goes around in this way:</p>
  
  <pre><code> -----------------
  |A &gt; B &gt; C &gt; D &gt; E|
  |J &lt; I &lt; H &lt; G &lt; F|
   -----------------
  
   ---
  |A H|
  |B G|
  |C F|
  |D E|
   ---
  </code></pre>
  
  <p>Assume there are always 2 columns or rows. I could split the items in 2 and create 2 wrapping items around them, but I would like it to be more dynamic. </p>
  
  <p>Basically, how do I make the first row flow to the right and the second flow to the left?</p>