Hi there! I'm a newbie to the world of CSS/HTML and struggling to figure out what's going wrong.
I'd like the three navigation links on the right side to appear at the top of the page, but currently they are showing up below the navigation links on the left side.
All of them are nested within div.wrapper, yet it seems like nav#menu2 is not properly included?
Where could I be making a mistake?
Check out the HTML code below:
<header>
<div class="wrapper">
<h5 class="logo">TESTER SITE</h5>
<nav id="nav_menu">
<ul>
<li><a href="#">About Us</a>
<ul>
<li><a href="#">Mission & Background</a></li>
<li><a href="#">Objects, Vision & Values</a></li>
<li><a href="#">Staff Members</a></li>
<li><a href="#">Board Members</a></li>
</ul>
</li>
<li><a href="#">Our Projects</a></li>
<li><a href="#">Training & Events</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Publications</a></li>
</ul>
</nav>
<nav id ="menu2">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Service Providers</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">FB</a></li>
<li><a href="#">TW</a></li>
</ul>
</nav>
</div>
</header><!-- End Header -->
And here is the CSS snippet:
body {
padding:0;
margin:0;
vertical-align:baseline;
}
/* More CSS code... */