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 jeannette almazan
jeannette almazan
1,130 Points

What is a shorter way to write this is css.

nav ul {

margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px;

}

3 Answers

jase richards
jase richards
10,379 Points
jase richards
jase richards
10,379 Points

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

With margin you can specify each side in one line, the order is; top, right, bottom, left.

jeannette almazan
jeannette almazan
1,130 Points
jeannette almazan
jeannette almazan
1,130 Points

Thank you Jason!

Andrew Hoskins
Andrew Hoskins
4,888 Points
Andrew Hoskins
Andrew Hoskins
4,888 Points

When writing margins in CSS, you can use the root "margin" with 4 descriptors going in order; top, right, bottom, left. So for your example:

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

or..... since your top/bottom and left/right are the same you could do this. The first measurement is for the top and bottom and the second for the right and left.

nav ul { margin: 0 10px; }

jeannette almazan
jeannette almazan
1,130 Points

Ahh I see, good to know:) thank you andrew.