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 How to Make a Website CSS: Cascading Style Sheets Center the Wrapper

Guy Hagan
Guy Hagan
1,985 Points

Why will it not center

a {
text-decoration:none;
}

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

this my css and it wont center my webpage

thanks

Guy Hagan
Guy Hagan
1,985 Points

oh and heres my relating html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Guy Hagan | Gamer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Guy Hagan</h1>
        <h2>Gamer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <div id="wrapper">
    <section>
     <ul>
       <li>
         <a href="img/numbers-01.jpg">
            <img src="img/numbers-01.jpg" alt="">
            <p>Experementation with colour and texture</p>
         </a>
       </li>   
       <li>
         <a href="img/numbers-02.jpg">
            <img src="img/numbers-02.jpg" alt="">
            <p>Playing with blending modes in photoshop</p>
         </a>
       </li>
       <li>
         <a href="img/numbers-06.jpg">
            <img src="img/numbers-06.jpg" alt="">
            <p>Trying to create an 80's s</p>
         </a>
       </li>
       <li>
         <a href="img/numbers-09.jpg">
            <img src="img/numbers-09.jpg" alt="">
            <p>Drips created using photoshop brushes</p>
         </a>
       </li>
       <li>
         <a href="img/numbers-12.jpg">
            <img src="img/numbers-12.jpg" alt="">
            <p>Creating shapes using repetition</p>
         </a>
       </li>
      </ul>
    </section>
    <footer>
      <a href=https://twitter.com/guy_the_grape><img src="img/twitter-wrap.png" alt="Twitter logo"></a>
      <a href=https://facebook.com/guy.hagan.16><img src="img/facebook-wrap.png" alt="Facebook logo"></a>
      <p>&copy; 2016 Guy Hagan.</p>
    </footer>
     </div>
  </body>
</html>

1 Answer

Michael Afanasiev
PLUS
Michael Afanasiev
Courses Plus Student 15,596 Points

Hi Guy,

I believe it may be because of the extra 'P' in your wrapper ID. Check the spelling :) Hope this helps!

Guy Hagan
Guy Hagan
1,985 Points

How did I not notice that the most basic mistake of them all! Thanks a lot for your help (: