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 Styling Web Pages and Navigation Create a Horizontal List of Links

set padding

iv set padding to top and bottom 15px and left and right to 10px like this:

nav li {
  display: inline-block;
  font-weight: 800;
  padding: 15px 10px 15px 10px;
}

but it says the top padding must be 15px ???? help

css/main.css
a {
  text-decoration: none;
}

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

#logo {
  text-align: center;
  margin: 0;
}

h1, h2 {
  color: #fff;
}

nav a {
  color: #fff;
}

nav a:hover {
  color: #32673f;
}

h1 {
  font-family: Changa One, sans-serif;
  font-size: 1.75em;
  font-weight: normal;
}

img {
  max-width: 100%;
}

#gallery {
  margin: 0;
  padding: 0;
  list-style: none;
}

#gallery li {
  float: left;
  width: 45%;
  margin: 2.5%;
  background-color: #f5f5f5;
  color: #bdc3c7;
}

nav ul {
  margin: 0 10px 0 10px;
  padding: 0;
  list-style-type: none;
}

nav li {
  display: inline-block;
  font-weight: 800;
  padding: 15px 10px 15px 10px;
}

ignore me im being silly sorry i was to set them to 0px not 15px

2 Answers

cheers stuart goes to show how words sound the same cheers again

I make mistakes all the time!

Haha, it happens! Also, I went through the challenge and I believe they were asking to add the padding on the links, not the list items.

nav a { font-weight: 800; padding: 15px 10px; }

Just for reference.