Im working on a project and im using some ul and li's.

But i cant seem to figure out how to remove those pesky black dots that come with those lists.

Can any of you help me with this?

Edit: i completely forgot to search this site if there was already an answer (derp) turns out there was! Marked this as a duplicate, thanks for helping me everyone!

1

3 Answers

Relatable post

Those black dots you are referencing to are called bullets.

They are pretty simple to remove, just add this line to your css:

ul { list-style-type: none; }

There you go, this is what I used to fix your problem:

CSS CODE

nav ul { list-style-type: none; }

HTML CODE

<nav> <ul> <li><a href="#">Milk</a> <ul> <li><a href="#">Goat</a></li> <li><a href="#">Cow</a></li> </ul> </li> <li><a href="#">Eggs</a> <ul> <li><a href="#">Free-range</a></li> <li><a href="#">Other</a></li> </ul> </li> <li><a href="#">Cheese</a> <ul> <li><a href="#">Smelly</a></li> <li><a href="#">Extra smelly</a></li> </ul> </li> </ul> </nav>

CSS : 

ul{ list-style-type:none; }

You can take a look at W3School