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

HTML

Posted by Gabriel E
Gabriel E
8,916 Points

How can I remove bullet points from an unordered list?

I need to remove some bullet points from my <ul> code, but when I do list-style: none; it doesn't remove them. I tried modifying it to be a <ol>, but it just messes up my margin. Any ideas? Thanks,

~ Gabriel

Julian Gutierrez
Julian Gutierrez
19,325 Points
Julian Gutierrez
Julian Gutierrez
19,325 Points

Can you include the html you are targeting and the css you are using?

3 Answers

John Shockey
John Shockey
45,061 Points

Hey Gabriel,

list-style-type: none;

https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type

Gabriel E
Gabriel E
8,916 Points

Thanks, that worked. If you don't mind my asking one more thing: I'm having trouble aligning my <ul> text to the center. Here is my code, but it's not working. HTML first

     <section id="imgurs">
        <ul>  
            <li><a href="http://imgur.com/kHSkopN">Webpage #1</a></li>
            <li><a href="http://imgur.com/ZE3iEh5">Webpage #2</a></li>
            <li><a href="http://imgur.com/WZs70Of">Webpage #3</a></li>
        </ul>
        </section>

Then here is the CSS:

#imgurs {
    list-style-type: none;
    align-content: center;
}

Treehouse Markdown completely butchered my code....but it's all there. Thanks!

John Shockey
John Shockey
45,061 Points
John Shockey
John Shockey
45,061 Points

Gabriel,

I'm not 100% sure what you are asking... but if you want to simply align the text to the center:

imgurs {

text-align: center;

}

imgurs ul {

list-style-type: none;

}

Gabriel E
Gabriel E
8,916 Points

Hmm, ok that's what I tried: text-align: center, and that was under my #imgurs{} section, but it didn't budge. I'll try again.

Gabriel E
Gabriel E
8,916 Points
Gabriel E
Gabriel E
8,916 Points

Well, I tried the code you listed above, but my links didn't budge.