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

Posted by Laura Cressman
Laura Cressman
12,548 Points

A deceptive CodePen challenge: horizontally centered navigation

Hi friends, I am working on styling a navigation in a footer, and for some reason the task of horizontally centering it is deceptively challenging. Here is a CodePen: http://codepen.io/anon/pen/hCred Any help is appreciated, thanks! Smiles, Laura:)

1 Answer

Edward Roscoe
Edward Roscoe
Courses Plus Student 5,363 Points

This seems to work :)

footer ul {

list-style: none; display: inline-block; white-space: nowrap; padding:0; }

footer ul li {

display: inline-block;

margin: 0.2%; }

Laura Cressman
Laura Cressman
12,548 Points

It must have been padding on the ul that was causing all the fuss, thanks so much Edward!