Hey Guys I want to place that logo(png) on the upside with the navigation bar how can i do that?

Please Help

<!DOCTYPE html>

<html>

<head>

<title>UnBillIt: Transform Your Bills</title>
<style>

	body{

margin: 0;

padding:0;

background-color:#A3E7FC;

}

nav{

width: 100%;

background-color: black;

overflow:auto;

float: left;

}

ul{

padding: 0;

margin: 0 0 0 150px;

list-style: none;

}

li{

float: right;

}

.logo img{

position: absolute;

margin: 0;

width: 300px;

height: auto;

}

nav a {

width: 100px;

display: block;

padding: 50px 25px;

text-decoration: none;

font-family: Aerial;

color: #f2f2f2;

text-align: center;

font-size: 28px;

}

nav a:hover {

background-color: purple;

text-transform: capitalize;

transition: 0.5s;

}

</style>

</head>

<body>

<div class= "logo"><a href="#"><img src= "jolly.png" ></a>

</div>

<nav>

	<ul>

		<li><a href="#">Home</a></li>

		<li><a href="#">Services</a></li>

		<li><a href="#">About</a></li>

<li><a href=”#”>Contact</a></li>

<li><a href=”#”>User</a></li>

</nav>

</body>

</html>

Post image



Source link

Write A Comment