0

<nav> orientation.

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

13th Apr 2017, 8:40 AM
Aetas_20
Aetas_20 - avatar
7 Answers
+ 6
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'
13th Apr 2017, 9:05 AM
Burey
Burey - avatar
+ 4
no probs m8
13th Apr 2017, 9:15 AM
Burey
Burey - avatar
+ 2
I liked the orientation of the navigation you coded , AWESOME !!!
13th Apr 2017, 9:29 AM
Abdel
Abdel - avatar
+ 1
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.
13th Apr 2017, 8:49 AM
Aetas_20
Aetas_20 - avatar
+ 1
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.
13th Apr 2017, 9:10 AM
Aetas_20
Aetas_20 - avatar
+ 1
float: left
13th Apr 2017, 9:25 AM
Cole Reizenberg
Cole Reizenberg - avatar