title: Phantom &nbsp; Showing up in my page
body: <p>I have a page written in HTML/ASP that has a series of nested tables that I use for formatting the page the way I want it.</p>
  
  <p>When the page loads however there is a white space between the two tables that is not in the code and when I inspect it in chrome it shows the code has a <code>&amp;nbsp</code> character between them.</p>
  
  <p>Why is this appearing in the page when it loads but it is not in the script? How can I remove it?</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;table width=100% border=2 cellpadding=0&gt;
  &lt;tr&gt;
    &lt;table width=100%&gt;
      &lt;tr&gt;
        &lt;th width=10% align="right"&gt;Destination:&lt;/th&gt;
        &lt;td width=60%&gt;Here&lt;/td&gt;
        &lt;td width=10% align="right"&gt;Date:&lt;/td&gt;
        &lt;td width=20% align="left"&gt;&amp;nbsp;&lt;%=FormatDateTime(d,2)%&gt;&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;table width = 100%&gt;
      &lt;tr&gt;
        &lt;td width=2%&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td align="right"&gt;Time1:&lt;/td&gt;
        &lt;td align="center"&gt;&lt;%=formatTime(oRS1("time"))%&gt;&lt;/td&gt;
        &lt;td&gt;&lt;%=oRS1("location")%&gt;&lt;/td&gt;
        &lt;td width=40&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td align="right"&gt;Driver&lt;/td&gt;
        &lt;td&gt;&amp;nbsp;&lt;%=fpn%&gt;&lt;/td&gt;
      &lt;/tr&gt;
    &lt;tr&gt;
  &lt;/table&gt;
  </code></pre>