et alternativt bud, der ligner den menu du har lavet
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<style type="text/css">
ul {
list-style: none;
}
li {
float: left;
}
li:after {
content: "|";
padding-left: 10px; /* lidt luft i venstre side af | */
padding-right: 10px; /* lidt luft i højre side af | */
}
/*
li:last-child {
color: red;
}
*/
li:last-child:after {
content: ""; /* fjerner | efter den sidste li */
}
</style>
</head>
<body>
<ul>
<li>Home</li>
<li>About</li>
<li>Gallery</li>
</ul>
</body>
</html>
men ellers kom med din code, og gerne et billed af hvordan du gerne vil have det til at se ud