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

Chad Skaggs
Chad Skaggs
4,591 Points

What is the correct code for giving a link nested in a div top and bottom padding of 15px and left and right 10px?

This is my code...

div li { padding: 15px 10px; }

I am not sure what is wrong. I am doing a challenge task.

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 li {
  display: inline-block;
  padding; 15px 10px;

  font-weight: 800;
}
nav ul {
  margin: 0px 10px;
  list-style: none;
  padding: 0;
}
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;
}

4 Answers

Chad Skaggs
Chad Skaggs
4,591 Points

I fixed the ; after padding

Tri Pham
Tri Pham
18,671 Points

li is list item. a is for links.

Tri Pham
Tri Pham
18,671 Points

although I guess depending on what the html looks like...it might not really matter that much

Chad Skaggs
Chad Skaggs
4,591 Points

That was the problem I didn't read the question properly. I read it to fast I guess and got link and list scrambled lol.