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

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

Hi Aiden,

How did you get all the line numbers copied?

Jeff

nav ul {
  margin: 0 10px;
}

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

Hi Aidan, in this case

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

should work.

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

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

The answer they are looking for is

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