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 Oscar Nava
Oscar Nava
9,593 Points

How can I create an horizontal menu with borders?

I want to create an horizontal menu with border between each menu item, and the menu align with the logo. The menu items height shold be the same as the header height. Should I use floats or display?

I want to create a menu like UDEMY.

2 Answers

john larson
john larson
16,594 Points

I took a peek at the udemy sight. At first glance it looks like the logo is probably in a div and that div floated left, and the menu items could be in a div and that div floated right: As far as using float, or inline block display...what are you comfortable with? Try them both..Experiment. Did you get to flex box yet? there's always lots of ways to do things. Have fun and see what you come up with :D

Marc Sanchez
Marc Sanchez
20,039 Points
Marc Sanchez
Marc Sanchez
20,039 Points

Display: inline; border-right: 1px solid black;