Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Adam Akers
Adam Akers
7,357 Points

Is there any reason to use 'list-style: none;' if I mark li items as 'display: inline'?

So while tinkering around on codepen for a little I noticed that if I set my li items as

display: inline

the bullets disappear. When I do this does list-style: none automatically become the default or are they hidden somewhere where I can't see them? If the former, should I still use list-style: none; in my code?

Thanks!

1 Answer

Zack Arnault
Zack Arnault
5,499 Points
Zack Arnault
Zack Arnault
5,499 Points

They are on the far left somewhere, you want to add that code just to make sure they aren't hiding and effect your layout later.

(Unless you are using a reset like normalize and have added in the text-decoration: none beforehand)

Adam Akers
Adam Akers
7,357 Points

Awesome, I kind of figured that they might be hidden somewhere! Thanks!