html - how to make vertical menu horizontal remove bullets underline and change font with css? -


how make vertical menu horizontal, change font , underline, , remove bullets using css?

<div class="nav-menu"> </div> <ul> <li><a href="index.html">home</a></li> <li><a href="about.html">about us</a></li> <li><a href="menu.html">our menu</a></li> <li><a href="location.html">our locations</a> <li><a href="contact.html">contact us</a>    </ul>   .nav-menu {float:left;           list-style-type: none;           font-family: "heiti sc" } 

your <ul> not contained within <nav class="nav-menu">. start putting inside. can target <ul> , <li> elements within:

.nav-menu li {   list-style: none;   <------ removes bullets   display: inline;    <------ makes horizontal, can use inline-block   font-family: "heiti sc" }  .nav-menu li a, .nav-menu li a:hover, .nav-menu li a:active, .nav-menu li a:visited {   text-decoration: none;   <--- removes underline } 

Comments

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

php - Nothing but 'run(); ' when browsing to my local project, how do I fix this? -

php - How can I echo out this array? -