Looking for Help with Navigation Layout
Greetings. I am encountering some challenges while trying to code the navigation layout depicted in the image (linked above). My goal is to have the logo, which is an image, aligned on the left side and the menu links centered. How can this be achieved through CSS?
Here is the relevant HTML snippet:
<header id="header">
<div class="img">
<a href="landingpage.html"><img src="/logo.png" alt="image of the logo" id="header-img" width="175px" height="52px"></a>
</div>
<nav id="nav-bar">
<ul id="menu">
<li><a class="nav-link" href="#menu1">menu1</a></li>
<li><a class="nav-link" href="#menu2">menu2</a></li>
<li><a class="nav-link" href="#menu3">menu3</a></li>
</ul>
</nav>
</header>
Should any adjustments be made to the HTML structure beforehand?
Your assistance will be greatly appreciated!