Cant get nav to go inline


#1

I cant get my navigation to go inline on the Innovation Cloud project.

This is my code:

/* Nav */
.nav ul {
list-style: none;
margin: 0 auto;
padding: 30px 0;
text-align: center;
word-spacing: 50px;
background-size: cover;
}

.nav li {
list-style: inline;
color: #FFFFFF;
font-size: 20px;
}

Any ideas, it would be great if you explain whats wrong. Thanks!


#2

Try display: inline if that doesn't work then I can't help you, sorry!


#3

Legend! Why does that work over list style?


#4

list-style is only for setting -type, -image and -position, all of which refer to the bullet. display on the other hand has to do with normal flow.