Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Adding Pages to a Website Add and Style Icons

Jennifer Andrade
Jennifer Andrade
2,074 Points

trying to figure out the class contact-info, font-size: 0.9em; then remove padding,margin, list styling/?

trying to figure out the class contact-info, font-size: 0.9em; then remove padding,margin, list styling/?

3 Answers

Adam Duffield
Adam Duffield
30,493 Points

I'm unsure what you mean but to write the CSS code for getting doing this would be like:

css .contact-info{ font-size:0.9em; padding:0; margin:0; list-style-type:none; }

If your trying to do this within the html page then use this:

class="contact-info" style=" font-size:0.9em; padding:0; margin:0; list-style-type:none;" then your closing tag here

Stone Preston
Stone Preston
42,016 Points

the task states: Select the unordered list with the class contact-info and set the font size to 0.9em. Then, remove all margin, padding, and list styling.

to select an element with a specific class you can use

element.class-name {


}

since the tasks ask you to select an unordered-list with a class of contact info you would use

ul.contact-info {


}

to remove margin, padding and list styling you would just set the margin and padding attributes to 0 inside the selector and set the list-style to none:

ul.contact-info {
font-size:0.9em; 
padding:0; 
margin:0; 
list-style:none;
}
Jennifer Andrade
Jennifer Andrade
2,074 Points

this was tricky because it was not part of the tutorial and what I followed into my work-space.

the ul. before the contact-info worked

thank you!

Stone Preston
Stone Preston
42,016 Points

technically selecting the class alone would work too, but the task seems to indicate it wants you to target the ul specifically. but this would work as well

.contact-info {
font-size:0.9em; 
padding:0; 
margin:0; 
list-style:none;
}