title: Stop AngularJS inserting <span class="ng-scope"></span> using ng-include
body: <p>I'm using the Foundation layout framework, which automatically floats the last sibling of <code>.column</code> to the right and I really appreciate this is a behaviour. However, AngularJS takes it upon itself to insert <code>span.ng-scope</code> after every <code>div.column</code>, which somehow causes browsers to consider the last span the last sibling of <code>.column</code> (even though it is not).</p>
  
  <p>Specifically the css in Foundation responsible for this is:</p>
  
  <pre><code>[class*="column"] + [class*="column"]:last-child { float: right; }
  </code></pre>
  
  <p>As I understand it, <code>[attribute*="substring"]</code> should select only siblings that match, so, for the above, only elements whose class attribute contains <code>column</code> (including <code>columns</code>). I would think a span tag whose <code>class</code> attribute that does not contain <code>column</code> should not match (and thus be ignored by <code>:last-child</code>). However, this does not seem to be the case.</p>
  
  <p>Regardless, the span <em>is</em> causing the problem:</p>
  
  <ul>
  <li><a href="http://jsfiddle.net/jshado1/F5VdG/" rel="nofollow">Angular buggering it up</a> (jsfiddle)</li>
  <li><a href="http://jsfiddle.net/jshado1/F5VdG/1/" rel="nofollow">Works fine without Angular</a> (same jsfiddle, no <i>ng-include</i>)</li>
  </ul>
  
  <p>Is there a way to configure angular to stop inserting those <code>span</code> tags? I would, begrudgingly, modify the css selector to somehow ignore all span tags; however I might eventually need/want to use a span tag.</p>