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