Set the display of the li elements


#1

So I was having the same issue but instead I'm given this message:

"Oops, try again. Set the display of the li elements inside < div class="nav" >..< /div> to inline"

When I type:

.nav li {
display: inline;
}


Stuck on Navigation CSS layout
#2

There might be something missing or in the wrong place before your new CSS rule. If you post all of your code, then someone will double check it for you.


#3

This is my entire code:

.nav a {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding: 14px 10px;
  text-transform: uppercase;
}

.jumbotron {
  background-image:url('http://goo.gl/04j7Nn');
  height: 500px;
}

.jumbotron h1 {
  color: #fff;
  font-size: 48px;  
  font-family: 'Shift', sans-serif;
  font-weight: bold;
}

.jumbotron p {
  font-size: 20px;
  color: #fff;
}

.learn-more {
  background-color: #f7f7f7;
}

.learn-more h3 {
  font-family: 'Shift', sans-serif;
  font-size: 18px;
  font-weight: bold;
}

.learn-more a {
  color: #00b0ff;
}

.nav li {
  display: inline;
}

#4

I don't see anything wrong there. When I submit it I get a pass.

Try reloading/refreshing the web page.
If that doesn't work, try using the Reset Code button and redoing your code.


#5

I reset it and it worked. Thanks for your help!