How do I properly position the navigation bar


Having some problem properly positioning the navigation bar. Below is an image for reference where I want the navigation bar to appear BELOW the about me. Also added the link for my code, would appreciate some help on this, thanks guys!


Here's a link to my code:



I think that the solution is pretty straightforward: what about putting the line <h2>About Me</h2> above the block <div id="navbar"> ? Doing so, my navbar is now below the header "About me". Is it what you want?


@thebelgian1 solution will work, like so:

<div id="header">
           <h2>About Me</h2>
            <div id="navbar">

and then would increase the height of #header


This worked, and a simple solution, thanks!