title: Any way to access the first element after each wrap in a flexbox?
body: <p>I have a dynamic form of sorts that I'm laying out with a css flexbox.  I'm using flex because I don't know until runtime how many or what type/width the components are in the form.  I'd prefer for the first "column" to have left-aligned labels and every subsequent column to have right-aligned ones, but I can't really think of any way to do this.  Any suggestions? </p>
  
  <p>Basic example of this form (with everything right-aligned). Be sure to pull the divider left to make the rendered output as large as possible to see what the form looks like with more than just one column: <a href="http://jsfiddle.net/27Gfd/" rel="nofollow">http://jsfiddle.net/27Gfd/</a></p>
  
  <pre><code>//basic markup for one form component (called a row). See JS fiddle for more
  &lt;div class="container"&gt;
          &lt;div class="row"&gt; //I might stack next to another "row" because I have fixed width based on component type
              &lt;div class="miniflex"&gt; //I'm another flex container to layout label/input
                  &lt;div class="label"&gt;Label 1&lt;/div&gt;
                  &lt;div class="input"&gt;
                      &lt;input type="text" /&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>