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 Center the Wrapper

Posted by jiyoon ahn
jiyoon ahn
Courses Plus Student 307 Points

#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
Stone Preston
Stone Preston
42,016 Points

can you post your css as well?

jiyoon ahn
jiyoon ahn
Courses Plus Student 307 Points

a { text-decoration: none; }

wrapper {

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

jiyoon ahn
jiyoon ahn
Courses Plus Student 307 Points

a { text-decoration: none; }

wrapper {

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

2 Answers

Stone Preston
Stone Preston
42,016 Points
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.

jiyoon ahn
jiyoon ahn
Courses Plus Student 307 Points

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
Stone Preston
Stone Preston
42,016 Points

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

jiyoon ahn
jiyoon ahn
Courses Plus Student 307 Points

i did. im sure of it

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

Hi jiyoon.

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

jiyoon ahn
jiyoon ahn
Courses Plus Student 307 Points

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