CODE
<html>
<head>
<title>Navigation</title>
<style>
body{
padding: o;
margin: 0px;
font-family:Georgia, 'Times New Roman', Times, serif
}
.topnav{
background-color: #18222b;
overflow: hidden;
}
.topnav a{
color: aliceblue;
display: block;
padding: 14px 16px;
float: left;
text-decoration: none;
text-align: center;
}
.active{
background-color: #009dce;
}
.topnav a:hover:not(.active){
background-color:#34495e;
}
.right{
float:right !important;
background-color: #009dce;
}
</style>
</head>
<body>
<div Class= "topnav">
<a class ="active" href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact</a>
<a class="right" href="#">Login</a>
</div>
</body>
</html>
0 Comments