title: What is #text and how to remove it?
body: <p>I'm using Bootstrap and I don't know if I'm doing it right but an unknown element with id "text" just came out from nowhere. Whenever I open the page on my browser, there are #text showing between each of <code>&lt;li&gt;</code> elements. If I inspect the page, those #text (s) are displaying as bullets.</p>
  
  <p>This is the code I'm working on:</p>
  
  <pre><code>&lt;ul class="list-inline"&gt;
      &lt;li&gt;
          &lt;a href="#"&gt;
              &lt;img src="images/laptops.jpg" alt=""&gt;
              &lt;p&gt;Laptops&lt;/p&gt;
          &lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
          &lt;a href="#"&gt;
              &lt;img src="images/tablets.jpg" alt=""&gt;
              &lt;p&gt;Tablets&lt;/p&gt;
          &lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
          &lt;a href="#"&gt;
              &lt;img src="images/desktops.jpg" alt=""&gt;
              &lt;p&gt;Desktops&lt;/p&gt;
          &lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
          &lt;a href="#"&gt;
              &lt;img src="images/monitors.jpg" alt=""&gt;
              &lt;p&gt;Monitors&lt;/p&gt;
          &lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Screenshot from browser inspector:</p>
  
  <p><a href="https://i.stack.imgur.com/jNGI0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jNGI0.png" alt="#text on browser"></a></p>