title: How can I remove 'white space text nodes' from my HTML?
body: <p>I am getting an unwanted line before my <code>&lt;span&gt;</code> elements, and it shows as an empty dot in the developer mode of Firefox. How do I get rid of it?</p>
  
  <p>It is not pseudo element of the div, so <code>span::before</code> doesn't work. And I have no idea how it is generating.</p>
  
  <pre><code>&lt;div class="coll-details"&gt;
      &lt;h5&gt;Div title&lt;/h5&gt;
      &lt;span class="fa counts fa-eye"&gt;&amp;nbsp;234&lt;/span&gt;
      &lt;span class="fa counts fa-heart"&gt;&amp;nbsp;123&lt;/span&gt;
      &lt;span class="fa counts fa-comment"&gt;&amp;nbsp;123&lt;/span&gt;
      &lt;span class="fa counts fa-share"&gt;&amp;nbsp;123&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The white space text nodes are being adding before the span tags. </p>
  
  <p><img src="https://i.stack.imgur.com/t1iqy.png" alt="Find the image here"></p>