You can try something like this:
<nav>
<ul>
<li> <a href="http://www.google.nl/">Menu item 1</a>
</li>
<li> <a href="http://www.google.nl/">Menu item 2</a>
</li>
<li> <a href="http://www.google.nl/">Menu item 3</a>
</li>
<li> <a href="http://www.google.nl/">Menu item 4</a>
</li>
</ul>
</nav>
With the CSS of:
nav {
height: 100px;
background-color: blue;
}
nav > ul {
list-style: none;
}
nav > ul > li {
display: inline;
}
And then style it to your needs.
solved Don’t know where to start with this navigation bar (nav bar) [closed]