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.

CSS How to Make a Website CSS: Cascading Style Sheets Center the Wrapper

#wrapper css isnt working?

<!DOCTYPE html>
<html>
  <head>
  <meta charset="utf-8">
  <title>Jiyoon Ahn | Designer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
  </head>  
  <body>
    <header>
      <a href="index.html">
        <h1>Jiyoon Ahn</h1>
        <h2>Designer</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="">
            </a>
          </li>
          <li>
            <a href="img/numbers-02.jpg">
              <img src="img/numbers-02.jpg" alt="">
            </a>
          </li>
          <li>
            <a href="img/numbers-06.jpg">
              <img src="img/numbers-06.jpg" alt="">
            </a>
          </li>
        </ul>
      </section>
      <footer>      
        <a href="http://facebook.com/iluvcarolyn">
        <img src="img/facebook-wrap.png" alt="Facebook Logo">
        </a>
        <p>&copy; 2014 Jiyoon Ahn.</p>
      </footer>
    </div>
  </body>
</html>
Stone Preston
Stone Preston
42,016 Points

can you post your css as well?

a { text-decoration: none; }

wrapper {

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

a { text-decoration: none; }

wrapper {

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

2 Answers

Stone Preston
Stone Preston
42,016 Points

make sure you are saving your css file first before trying to view your site. also make sure that your css file is in a directory called css, and that the directory called css is in the same directory as your html file.

http://gyazo.com/9bc12caac9a3ebaa524e32c10d3f6888 this is my directory and http://gyazo.com/96bcd263869ed4a74ee943e26b3c2a36 this is what the final code looks like while saved.

is there something wrong with what im doing or just chrome browser?

Stone Preston
Stone Preston
42,016 Points

your directory structure looks correct. Id double check and make sure you saved your css first

i did. im sure of it

Jonas Mørkeby
Jonas Mørkeby
3,530 Points

Hi jiyoon.

Don't you miss the # in front of 'wrapper' in your CSS?

turns out i used : instead of ; to close my css. thanks though!