logo
  List horizontaal
  Een list kan je ook horizontaal maken

 
IN DE CSS
* {
margin: 0;
padding: 0;}
nav {
margin: 50px;}
ul {
overflow: auto;
list-style-type: none;}
li {
height: 25px;
float: left;
margin-right: 0px;
border-right: 1px solid #aaa;
padding: 0 20px;}
li:last-child {
border-right: none;}
li a {
text-decoration: none;
color: #ccc;
font: 25px/1 Helvetica, Verdana, sans-serif;
text-transform: uppercase;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;}
li a:hover {
color: #666;}
li.active a {
font-weight: bold;
color: #333;}

 
TUSSEN DE BODY TAGS
<nav>
<ul>
<li><a href="#">Boter</a></li>
<li><a href="#">Kaas</a></li>
<li><a href="#">Eieren</a></li>
</ul>
</nav>

 
eind