title: Unnecessary text showing up in the output
body: <p>I am having trouble with this website I'm making. Here's the code.</p>
  <p>html:</p>
  <pre><code>&lt;body&gt;
      &lt;div class=&quot;scroll-up-btn&quot;&gt;
          &lt;i class=&quot;fas fa-angle-up&quot;&gt;&lt;/i&gt;
      &lt;/div&gt;
      &lt;nav class=&quot;navbar&quot;&gt;
          &lt;div class=&quot;max-width&quot;&gt;
              &lt;div class=&quot;logo&quot;&gt;&lt;a href=&quot;index&quot;&gt;SS Acc&lt;span&gt;ounting.&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
              &lt;ul class=&quot;menu&quot;&gt;
                  &lt;li&gt;&lt;a href=&quot;index&quot; class=&quot;menu-btn&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=&quot;index&quot; class=&quot;menu-btn&quot;&gt;About&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=&quot;index&quot; class=&quot;menu-btn&quot;&gt;Services&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=&quot;index&quot; class=&quot;menu-btn&quot;&gt;Skills&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=&quot;index&quot; class=&quot;menu-btn&quot;&gt;Clients&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=&quot;index&quot; class=&quot;menu-btn&quot;&gt;Contact&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=&quot;bugloader&quot; class=&quot;menu-btn&quot;&gt;Report a Bug&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
              &lt;div class=&quot;menu-btn&quot;&gt;
                  &lt;i class=&quot;fas fa-bars&quot;&gt;&lt;/i&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/nav&gt;
      &lt;section class=&quot;home&quot; id=&quot;home&quot;&gt;
          &lt;div class=&quot;max-width&quot;&gt;
              &lt;div class=&quot;home-content&quot;&gt;
                  &lt;div class=&quot;text-1&quot;&gt;Thank you for submitting!&lt;/div&gt;
                  &lt;div class=&quot;text-2&quot;&gt;We will get back to you as soon as possible!&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/section&gt;
      
          &lt;!-- footer section start --&gt;
      &lt;footer&gt;
          &lt;span&gt;Created By &lt;a href=&quot;https://github.com/WickedModel&quot;&gt;Zarif Sefat&lt;/a&gt; | &lt;span class=&quot;far fa-copyright&quot;&gt;&lt;/span&gt; 2020 All rights reserved.&lt;/span&gt;
      &lt;/footer&gt;
      &lt;script src=&quot;script.js&quot;&gt;&lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  <p>and here's the output I'm getting:</p>
  <p><a href="https://i.stack.imgur.com/7FCoE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7FCoE.png" alt="that's the error I'm getting on the top white bar. The white bar is not supposed to be there, but there is text inside it that says '&quot;&gt;'" /></a></p>
  <p>that's the error I'm getting on the top white bar. The white bar is not supposed to be there, but there is text inside it that says &quot;&gt;</p>