{ A destination to learn coding }

How to make a navigation bar

To make a navigation bar, we use the following tags

<nav>, <ul>, <li>, <a>

Html Script

<nav>
    <ul>
       <a href="URL"><li>Learn</li></a>
	   
       <a href="URL"><li>Blog</li></a>
	 
       <a href="URL"><li>About</li></a>
	 
       <a href="URL"><li>Login</li></a>

       <a href="URL"><li>Contact</li></a>
    </ul>
</nav>
CSS code

*{box-sizing:border-box;}

a{color:white;text-decoration:none;}
	
nav{	width:100%;
	height:50px;
	background-color:#ff9800;
	color:white;
	}
	
nav ul{	width:inherit; 
	height:inherit; 
	padding:0px;
	}
	
nav ul li{width:20%; 
	height:inherit; 
	line-height:50px;
	display:inline-block;
	border-right:1px solid white;
	text-align:center;
	float:left;
	}
	
nav ul li:hover{background-color:white;
	color:black;