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.

HTML How to Make a Website Styling Web Pages and Navigation Create a Horizontal List of Links

top margin 0

top margin set to zero

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 li{
 margin:0px 10px;
}

1 Answer

Rasbin Rijal
PLUS
Rasbin Rijal
Courses Plus Student 10,863 Points

Srivalli Vajjha

Hope this will help :

nav ul {
  margin : 0px 10px; 
}

To set the top and bottom margin to the ul of nav, first of all you should first type nav. Now you are in nav. To go inside ul element of nav, you should give space and type ul. Now you are inside ul element of nav. You should now assign the margin properties inside the curly brackets.

To define margin to top and bottom the same 0px and left and right to 10px, you should write the code as above. The first value i.e. 0px sets the margin to top and bottom while the next value 10px sets the margin to left and right.

You can also see this link for more details where I have answered about padding. The way of setting the margin and padding values are similar.

Hope this helps. Happy Learning!

You may also select the best answer to one answer among the answers you liked most. And you can edit your heading and write [SOLVED] in the beginning word if it gets solved.