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

Posted by Aidan D
Aidan D
575 Points

Why isn't this working

Select the unordered list nested inside the nav element. Remove the margins on the top and bottom. Set the margins on the left and right to 10px.

Bummer! Be sure to set the top margin to 0.

1 a { 2 text-decoration: none; 3 } 4

5

wrapper {

6 max-width: 940px; 7 margin: 0 auto; 8 } 9

10

logo {

11 text-align: center; 12 margin: 0; 13 } 14

15 h1, h2 { 16 color: #fff; 17 } 18

19 nav a { 20 color: #fff; 21 } 22

23 nav a:hover { 24 color: #32673f; 25 } 26

27 h1 { 28 font-family: ‘Changa One’, sans-serif; 29 font-size: 1.75em; 30 font-weight: normal; 31 } 32

33 img { 34 max-width: 100%; 35 } 36

37

gallery {

38 margin: 0; 39 padding: 0; 40 list-style: none; 41 } 42

43

gallery li {

44 float: left; 45 width: 45%; 46 margin: 0px 10px ; 47 background-color: #f5f5f5; 48 color: #bdc3c7; 49 }

6 Answers

Jeff Busch
Jeff Busch
19,287 Points
Jeff Busch
Jeff Busch
19,287 Points

Hi Aiden,

How did you get all the line numbers copied?

Jeff

nav ul {
  margin: 0 10px;
}
Adrian Melendez
Adrian Melendez
5,555 Points
Adrian Melendez
Adrian Melendez
5,555 Points

You need to use the forum's markdown syntax to make your post readable.

Markdown Cheatsheet
Markdown is a short-hand syntax for easily converting text to HTML. Below are some popular examples of Markdown formatting. For more examples reference Markdown Basics for a more detailed overview.

Links
This is an [example link](http://example.com/)

Code
Wrap your code with 3 backticks (```) on the line before and after. If you specify the language after the first set of backticks, that'll help us with syntax highlighting.

            ```html
            <p>This is code!</p>
            ``` 

Italic
Here’s a word that is *emphasized*

Bold
Here’s a word that is **bold**

Images
![alt text](/path/to/img.jpg "Title")

Unordered List
+ Candy
+ Gum
+ Peanuts

Ordered List
1. Red
2. Green
3. Blue
Antoni Zalewski
Antoni Zalewski
5,211 Points
Antoni Zalewski
Antoni Zalewski
5,211 Points

Hi Aidan, in this case 

nav ul { margin: 0 10xp; 
  float: left;
  margin: 0 10px;
  float: right;
  margin: 0 10px; }

should work.

Aaron Burton
PLUS
Aaron Burton
Courses Plus Student 407 Points
Aaron Burton
Aaron Burton
Courses Plus Student 407 Points

Had the same issue lmao, will try this Antoni Zalewski Thanks bro

Aaron Burton
PLUS
Aaron Burton
Courses Plus Student 407 Points
Aaron Burton
Aaron Burton
Courses Plus Student 407 Points

Still getting "Select the unordered list nested inside the nav element. Remove the margins on the top and bottom. Set the margins on the left and right to 10px. "

Arthur Harris
Arthur Harris
6,801 Points
Arthur Harris
Arthur Harris
6,801 Points

The answer they are looking for is 

nav ul { margin: 0 10px 0 10px; }