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 Style the Basic Elements

Posted by chloevarner
chloevarner
Courses Plus Student 285 Points

Select the ID wrapper, set it to a max width of 940 pixels, and then center it on the page using the margin property.

a {
  text-decoration:none; 
}

#wrapper {

  940pix; 

  margin: center; }

3 Answers

Rich Donnellan
MOD
Rich Donnellan
Treehouse Moderator 27,696 Points
Rich Donnellan
Rich Donnellan
Treehouse Moderator 27,696 Points

Chloe,

You might want to rewatch the lesson, as well as check out Mozilla's resource for the specific CSS elements/properties.

Note: Always use "px" for pixels.

The following code should work:

#wrapper {
  max-width: 940px;
  margin: 0 auto;
}

Hope this helps!

Britton Zirkle
Britton Zirkle
Courses Plus Student 15,005 Points

agreed...

Gwendolyn M Bernard
Gwendolyn M Bernard
2,502 Points
Gwendolyn M Bernard
Gwendolyn M Bernard
2,502 Points

wrapper {

    max-width:   940px;
    margin: 0; auto;

}

Gwendolyn M Bernard
Gwendolyn M Bernard
2,502 Points
Gwendolyn M Bernard
Gwendolyn M Bernard
2,502 Points

don't forget to use the number sign before the word wrapper. It is not showing up in my syntax answer here.

Gwendolyn M Bernard
Gwendolyn M Bernard
2,502 Points
Gwendolyn M Bernard
Gwendolyn M Bernard
2,502 Points

wrapper {

     max-width:  940px;
     margin: 0; auto;