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 How to Make a Website CSS: Cascading Style Sheets What is CSS?

Bullet points in nav element

I was wondering how did the bullet point in nav element got disappeared in this video. But When I practice it does stay in the web page.

Does anyone know how Mr. Nick got this?

ul { list-style: none;

}

this will remove each bulletpoint.

maybe is your ul not in the nav?

2 Answers

Check the normalize.css at line 316. In that file Nick removes the list-style and list-style-image from the ul and ol. Siempre y cuando el ul o ol este dentro de una etiqueta nav. He applied the property list-style:none. Sorry, I'm not an English speaker.

The bullet points in the video were removed in a series of videos, to actually remove them and just them you can use code as follows

nav ul { list-style: none; }

/* end code */

You could also make the nav a block level element to make it display like a <p> or similar element. Do this like this:

nav ul { list-style: none; display: inline-block }

/* end code */

This is good to make the elements display on the same level. I hope this helps!