<nav> orientation.

Question

When using the <nav> element how do you get the list/buttons to lay out horizontally across the page instead of vertically?

Answer 1

like this?
https://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_float_advanced

Answer 2

https://code.sololearn.com/W2hFflstdD86/?ref=app

made small alterations to the code

notice that
li {
float: left;
}
is responsible for what you are looking for.

i made 3 buttons which change the float property of all li items to 'left', 'right', 'none'

Answer 3

no probs m8

Answer 4

I liked the orientation of the navigation you coded , AWESOME !!!

Answer 5

Thanks for the quick answer. Apparently this is a little past my knowledge base of just starting out with HTML5. I don't see what action caused the list to fall horizontally.

Answer 6

I missed that. It makes sense though. I'm working through HTML and will be moving in to CSS after so I can add some style to my page. I appreciate the help.

Answer 7

float: left