how to make a menu with css?

Question

how can i make a mennu with css plz help me

Answer 1

In your html file,
<ul>

<li class="menu-list"><a href="#" class="menu-link">Home</a></li>

<li class="menu-list" style="padding-left:30px;"><a href="#" class="menu-link">Services</a></li>

<li class="menu-list" style="padding-left:30px;"><a href="#" class="menu-link">Gallery</a></li>

<li class="menu-list" style="padding-left:30px;"><a href="#" class="menu-link">Company</a></li>

<li class="menu-list" style="padding-left:30px;"><a href="#" class="menu-link">Contact</a></li>
</ul>

In css file,

.menu-list
{
list-style-type:none;
display:inline;
color:#7B7C71;
padding-right:30px;
float:left;

}

.menu-link
{
text-decoration:none;
color:#7B7C71;

}