html-Making a navigation menu

Navigation Menu Nav:
1. Using the List tab <ul>
2. Use floating layout float
3. Use the hyperlink tag <a>: To use margin margins for <a> labels, you need to make the <a> tag a block-level element and add the Display:block property

Tag Code

<div class= "Header" >

<div class= "logo" >
Logo
</div>

<div class= "NAV" >
<ul>
<li><a href= "#" >one</a></li>
<li><a href= "#" >two</a></li>
<li><a href= "#" >three</a></li>
<li><a href= "#" >foue</a></li>
<li><a href= "#" >siuew</a></li>
<li><a href= "#" >fiev</a></li>
</ul>
</div>

</div>

Style code

nav{
Float:right;
height:100px;
width:80%;
Margin:auto;
}
. Nav ul{
padding:0px;
}
. Nav ul li{
Float:right;
}
. Nav ul Li a{
Display:block;
padding:20px;
background-color:red;
margin-right:10px;
margin-top:10px;
}
. Nav ul Li a:hover{
Background-color:rgba (100,100,100,0.2);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

html-Making a navigation menu