I've been attempting to position my navigation menu next to my logo, but it keeps displaying below it. Although my coding skills are not top-notch, I am aiming to have the nav element positioned alongside the logo, as shown in my design:
HTML:
<body>
<div class="backgroundofdivgreen">
<header>
<div class="logo"><a href="index.html"><img src="images/logo.jpg"></a></div>
<nav>
<a href="index.html">Home</a>
<a href="services.html">Services</a>
<a href="offers.html">Offers</a>
<a href="people.html">People</a>
<a href="franchises.html">Franchises</a>
<a href="reviews.html">Reviews</a>
</div>
</header>
</div>
CSS:
body {
margin: 0px;
background-color:blue;
}
.backgroundofdivgreen {
height: 96px;
margin: 0px;
background-color: #39b54a;
}
header {
width: 980px;
height: 96px;
background-color: #39b54a;
margin: 0px auto;
}
nav {
float:right;
}