title: How to select wrapped HTML elements?
body: <p>Suppose you have a container (div) and a bunch of nested inline-block or floated divs.<br>
  <a href="http://jsfiddle.net/D6PgE/" rel="nofollow">http://jsfiddle.net/D6PgE/</a></p>
  
  <pre><code>.container { width : 300px; }
  .inner     { width : 100px; }
  
  &lt;div class="container"&gt;
      &lt;div class="inner"&gt; 1 &lt;/div&gt;
      &lt;div class="inner"&gt; 2 &lt;/div&gt;
      &lt;div class="inner"&gt; 3 &lt;/div&gt;
      &lt;div class="inner"&gt; 4 &lt;/div&gt;
      &lt;div class="inner"&gt; 5 &lt;/div&gt;
      &lt;div class="inner"&gt; 6 &lt;/div&gt;
      &lt;div class="inner"&gt; 7 &lt;/div&gt;
      &lt;div class="inner"&gt; 8 &lt;/div&gt;
      &lt;div class="inner"&gt; 9 &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><em><strong>What is the best way to select elements that have been wrapped?</em></strong>  Is it possible to select the <em>nth element</em> of a wrapped row (in the fiddle it would be the odd numbers).</p>
  
  <p><em>The only thing I can think of is to use JS and compare the offsetTop position of the elements; however I haven't kept up with CSS lately and know that its becoming ever more powerful, so is there a CSS solution? -thanks</em></p>
  
  <hr>
  
  <p><strong>Edit</strong><br>
  I am trying to select the nth-element of a "row". The issue is that there are no rows as this is not a table. I should also add that my example was simple because the widths may very, so there may be more or elements per line - therefore something like <code>nth-child</code> will not work</p>