How to Create MEnu using CSS For Begginers

Output:

CSS Menu Design Code | Web Designing and Publishing

<!DOCTYPE html>
<html>
<head>
	<title>CSS Menu Design - O Level</title>
	<style type="text/css">
		div{
			height: 50px;
			width:100%;
			background-color: navy;
		}
		div ul{
			list-style-type: none;
		}
		div ul li{
			display: inline-block;
			margin:0px 10px;
			line-height: 50px;
			padding:
		}
		a{
			text-decoration: none;
			font-size: 32px;
			color: white;
		}
	</style>
</head>
<body>

   <div>	
	<ul>
		<a href="#"><li>Home</li></a>
		<a href="#"><li>Courses</li></a>
		<a href="#"><li>Mock Test</li></a>
		<a href="#"><li>Blog</li></a>
		<a href="#"><li>About us</li></a>
		<a href="#"><li>Contact us</li></a>
	</ul>
</div>

</body>
</html>