title: How to target div at the end of the row?
body: <p>I am trying to insert a box strip in between rows of divs, how can I target the end of each row's div?</p>
  
  <p>Here's a JSFiddle of the divs: <a href="http://jsfiddle.net/5Sn94" rel="nofollow">http://jsfiddle.net/5Sn94</a></p>
  
  <p>Here's the code:</p>
  
  <pre><code>&lt;div&gt;
      &lt;img src="//placehold.it/50x50"&gt;
  &lt;/div&gt;
  &lt;div&gt;
      &lt;img src="//placehold.it/50x50"&gt;
  &lt;/div&gt;
  &lt;div&gt;
     &lt;img src="//placehold.it/50x50"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>After a while, the divs will go onto the next line, creating a new 'row'. How can I insert a div which spans across the full page width, underneath a row of divs. </p>
  
  <p>To show you what I want to achieve, visit this link on Google: <a href="http://bit.ly/1329rDn" rel="nofollow">http://bit.ly/1329rDn</a></p>
  
  <p>And then you'll see if you click any image, it will open that new image bigger inbetween the div rows, how was this achieved? And how can I do the same?</p>