How to get these points out

Question

I made a navigation bar but at the beginning of each "links" has this point

<nav class="bar">
        <ul>
            <li><a href="#">Phones</a></li>
            <li><a href="#">Connected Home</a></li>
            <li><a href="#">Gaming</a></li>
            <li><a href="#">Lapstops</a></li>
            <li><a href="#">Tablets</a></li>
            <li><a href="#">Acessories</a></li>
        </ul>
</nav>       

Answer 1

In your css, add:

li {
  list-style-type: none;
}

Or using only html:

<ul style="list-style: none;">
   <li></li>
</ul>

Cheers.