title: Append element after last element in a row of floating elements
body: <p>I have following mark up, a wrapper which can hold a dynamic number of floating elements. 
  A max of 3 elements could be placed side by side (= 1 row)</p>
  
  <pre><code>&lt;div class="wrapper clearfix"&gt;
      &lt;div class="floatLeft"&gt;&lt;/div&gt;
      &lt;div class="floatLeft"&gt;&lt;/div&gt;
      &lt;div class="floatLeft"&gt;&lt;/div&gt;
      &lt;div class="floatLeft"&gt;&lt;/div&gt;
      &lt;div class="floatLeft"&gt;&lt;/div&gt;
      &lt;div class="floatLeft"&gt;&lt;/div&gt;
      &lt;div class="floatLeft"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The floating elements have a click event (jQuery) where a new element should be added after the last element of the row the clicked element "is in". So if for example I click on the 1. element i end up withthis:</p>
  
  <pre><code>&lt;div class="wrapper clearfix"&gt;
      &lt;div class="floatLeft"&gt;&lt;/div&gt;
      &lt;div class="floatLeft"&gt;&lt;/div&gt;
      &lt;div class="floatLeft"&gt;&lt;/div&gt;
      &lt;div class="addElement"&gt;&lt;/div&gt;
      &lt;div class="floatLeft"&gt;&lt;/div&gt;
      &lt;div class="floatLeft"&gt;&lt;/div&gt;
      &lt;div class="floatLeft"&gt;&lt;/div&gt;
      &lt;div class="floatLeft"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>or if i click on the 5th element I get</p>
  
  <pre><code>&lt;div class="wrapper clearfix"&gt;
      &lt;div class="floatLeft"&gt;&lt;/div&gt;
      &lt;div class="floatLeft"&gt;&lt;/div&gt;
      &lt;div class="floatLeft"&gt;&lt;/div&gt;
      &lt;div class="floatLeft"&gt;&lt;/div&gt;
      &lt;div class="floatLeft"&gt;&lt;/div&gt;
      &lt;div class="floatLeft"&gt;&lt;/div&gt;
      &lt;div class="addElement"&gt;&lt;/div&gt;
      &lt;div class="floatLeft"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and so on.</p>
  
  <p>I thought of using the nth-child selector, but I can't get it work properly.</p>
  
  <p><strong>Edit:</strong>
  I don't want to wrap every 3 .floatLeft elements in a wrapper. </p>