title: My HTML/CSS Isn't Working - (li not showing)
body: <pre><code>    float: left;
      display: inline block;
      padding: 15px;
      list-style-type: none;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>li {
      float: left;
      display: inline block;
      padding: 15px;
      list-style-type: none;
  }
  
  a:hover {
      color: gray;
  }
  
  a {
      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 */
  </code></pre>
  
  <p>When i remove the "li {attributes}" in the CSS it doesn't seem to work with all the .home .analyser, why is this?</p>
  
  <p>E.g. it should work with the</p>
  
  <pre><code>li {
      float: left;
      display: inline block;
      padding: 15px;
      list-style-type: none;
  }
  </code></pre>
  
  <p>But it doesn't i've tried doing li .home {attributes} but it's not seemed to work for me.</p>