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

ERNESTO ESPARZA
ERNESTO ESPARZA
1,312 Points
Posted by ERNESTO ESPARZA
ERNESTO ESPARZA
1,312 Points

I´ve been asked to set a padding of 15px on top-bottom and 10px to right-left, padding: 15px 10px; not work, why?

Non

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;
list-style: none;
padding: 0;
}

nav ul li{
display: inline-block;
}

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

2 Answers

Salman Akram
Salman Akram
Courses Plus Student 40,065 Points

Hi Ernesto,

Actually select inside nav which is a, not li, see below

Padding: Top, Right, Bottom, Left (Always rule)

Shortcut should be like this - 15px 10px instead 15px 10px 15px 10px

Example:

nav a {
  font-weight: 800;
  padding: 15px 10px;
}
ERNESTO ESPARZA
ERNESTO ESPARZA
1,312 Points
ERNESTO ESPARZA
ERNESTO ESPARZA
1,312 Points

Hi Salman !

Thanks for your quick answer and support ! you are right I was asked to add padding to the "a" element, not the "list", it´s working now, your answer was of great help and understanding !

Thanks again for your time and great explanation support !