text: Q:
  
  How can I remove 'white space text nodes' from my HTML?
  
  I am getting an unwanted line before my <span> elements, and it shows as an empty dot in the developer mode of Firefox. How do I get rid of it?
  It is not pseudo element of the div, so span::before doesn't work. And I have no idea how it is generating.
  <div class="coll-details">
      <h5>Div title</h5>
      <span class="fa counts fa-eye">&nbsp;234</span>
      <span class="fa counts fa-heart">&nbsp;123</span>
      <span class="fa counts fa-comment">&nbsp;123</span>
      <span class="fa counts fa-share">&nbsp;123</span>
  </div>
  
  The white space text nodes are being adding before the span tags. 
  
  A:
  
  I second Rory McCrossan's suggestion. Since span is inline element the spaces between them are preserved in html output. And newlines are changed to spaces too. For Example:  
  
  <div>
   <span>A</span> <span>B</span>
  </div>
  
  <div>
   <span>A</span>
   <span>B</span>
  </div>
  
  <div>
   <span>A</span><span>B</span>
  </div>
  
  