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 Daniel Matar
Daniel Matar
858 Points

Padding Top Bottom, Left Right.

Hi there

This is really confusing me, it's saying to add 15px for the top and bottom and 10px for left and right. Which is what I did:

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

I now that the first value count for "top and bottom", and the second one "left and right" Not sure what else to do :)

2 Answers

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Daniel,

Your understanding of the padding values is correct.

The only issue is that the font-weight and padding values from task 4 should be in a new rule that targets the links within the nav.

Tommy Gebru
Tommy Gebru
30,164 Points
Tommy Gebru
Tommy Gebru
30,164 Points

Sometimes taking notes helps remembering tricky values to properties such as padding and margin. There are four values in the following order: Top, Right, Bottom, Left or 3 values: Top, Right and Left, Bottom or 2 values: Top and Bottom, Right and Left or 1 value: Top Right Bottom and Left

it is also possible to single out values for a property:

p {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 50px;
    padding-left: 50px;
}
Tommy Gebru
Tommy Gebru
30,164 Points
Tommy Gebru
Tommy Gebru
30,164 Points

Select Best Answer to close out the discussion