Creating simple horizontal menu with css

Lets see how to create simple horizontal menu with css

<div id=”menu”>
<ul>

<li><a href=”">Home</a></li>
<li><a href=”">Product</a></li>
<li><a href=”">Details</a></li>
<li><a href=”">About</a></li>
<li><a href=”">Contact</a></li>

</ul>
</div>

#menu ul{
list-style-type: none;
}

#menu ul{
list-style-type: none;
}
#menu ul li{
display: inline
}

#menu ul{
list-style-type: none;
}
#menu ul li{
display: inline;
padding: 5px 10px;
}