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
Post a Comment