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 CSS Basics (2014) The Box Model Display Values

Ruth Chorney
Ruth Chorney
2,689 Points
Posted by Ruth Chorney
Ruth Chorney
2,689 Points

commenting out a rule

When I commented out the li rules /* li { display: inline-block; padding: 0 12px; border-right: solid 1px; margin: 80px 0; } */ why did the bullets and numbers show op again in the list?

Ruth Chorney
Ruth Chorney
2,689 Points
Ruth Chorney
Ruth Chorney
2,689 Points

I just realized that when the li was changed to inline from its default of block the bullets disappeared. I guess that is the issue when I commented out the rule for li being inline. So the question really is why does an inline rule remove bullets and numbers?

2 Answers

rhysadams
rhysadams
4,847 Points
rhysadams
rhysadams
4,847 Points

Hey Ruth!

To remove the bullet points from a li element, simply use "li {list-style-type: none; }" without the quotation.

Perhaps this can also help answer your other question - http://www.w3.org/TR/css3-lists/#declaring-a-list-item

Hope this helps :)