My HTML/CSS Isn't Working - (li not showing) -


    float: left;     display: inline block;     padding: 15px;     list-style-type: none; 

css

li {     float: left;     display: inline block;     padding: 15px;     list-style-type: none; }  a:hover {     color: gray; }  {     text-decoration: none;     color: black; }  /* main menu start*/  .home {     float: left;     display: inline block;     padding: 15px;     list-style-type: none; }  .analyser {     float: left;     display: inline block;     padding: 15px;     list-style-type: none; }  .tag-generator {     float: left;     display: inline block;     padding: 15px;     list-style-type: none; }  .link-shortener {     float: left;     display: inline block;     padding: 15px;     list-style-type: none; }  .promotor {     float: left;     display: inline block;     padding: 15px;     list-style-type: none; }  .leaderboards {     float: left;     display: inline block;     padding: 15px;     list-style-type: none; }  /* main menu end*/  /* version menu start */ 

when remove "li {attributes}" in css doesn't seem work .home .analyser, why this?

e.g. should work the

li {     float: left;     display: inline block;     padding: 15px;     list-style-type: none; } 

but doesn't i've tried doing li .home {attributes} it's not seemed work me.

you missed hyphen in value of display property. should be:

display: inline-block; 

Comments

Popular posts from this blog

commonjs - How to write a typescript definition file for a node module that exports a function? -

openid - Okta: Failed to get authorization code through API call -

ios - Change Storyboard View using Seague -