title: CSS - Select childs that are the first after line break
body: <p>Let's assume I have a <code>div</code> wrapper, with several elements inside, placed as <code>inline</code>. When the div's width is reduced, the elements will automatically break down to new lines... So far so good.</p>
  
  <p>Now I want to add a css <code>:before</code> content to the child elements, <strong>except on the ones that are the first on the line</strong>...</p>
  
  <p>Is there a way to detect, css only, if the element is the first one after the line break?</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>Follows up an example... <a href="http://jsfiddle.net/kagfqt9j/" rel="nofollow">http://jsfiddle.net/kagfqt9j/</a></p>
  
  <p>The div's width caused the children to be broken in three lines. There's a "|" divider set with <code>:before</code>. But I don't want the <code>:before</code> to be applied on the begining of the lines.</p>
  
  <p>So, can I detect the first element after break?</p>
  
  <p>Note: Changing it to <code>:after</code> is not a solution, because it would invert the problem... Then I would have the "|" at the end of the lines... And I can't have it either.</p>