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 Preethi Rajan
Preethi Rajan
499 Points

How to set the ID wrapper in center of the page using the margin property.

The question in Challenge was to "Select the ID wrapper, set it to a max width of 940 pixels, and then center it on the page using the margin property". I had set the max-width : 940 px. But I don't know to set it in center of the page using margin property! Please help me! Thanks in advance!

css/main.css 
a {
  text-decoration : none;
}
#wrapper {
max-width: 940 px; 
  margin: 5%
}

4 Answers

jeremie singler
jeremie singler
4,569 Points

max-width: 940px;

Without blank space

Emma Willmann
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Emma Willmann
Treehouse Project Reviewer
Emma Willmann
.a{fill-rule:evenodd;}techdegree seal-36
Emma Willmann
Treehouse Project Reviewer

To center it on the page, you need to use auto, like this: 

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

When using 2 units on the margin property, the first one affects the top and bottom margins, the second affects the left and right margins. So, if you want your top and bottom to be 5%, just change the 0.

Preethi Rajan
Preethi Rajan
499 Points

But I checked it. It doesn't work! It is showing an error like this "Check the max-width value in your CSS".

bryan somaroo
bryan somaroo
2,470 Points

you dont put a space between 940 and px

jeremie singler
jeremie singler
4,569 Points
jeremie singler
jeremie singler
4,569 Points

You CAN add

margin: 0 auto;

Hope this Will help

Preethi Rajan
Preethi Rajan
499 Points
Preethi Rajan
Preethi Rajan
499 Points

Thank you so much Jeremie! It worked! I think it is a silly error!!