css pipe seperated menu

Posted on: by

<ul id=”footer-navigation”>
<li><a href=”#”>Top</a></li>
<li><a href=”#”>Valid XHTML</a></li>
<li><a href=”#”>Valid CSS</a></li>
<li><a href=”#”>Get Firefox</a></li>
</ul>

#footer-navigation {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#footer-navigation li {
display: inline;
}

#footer-navigation li:after {
content: ” | “;
}

#footer-navigation li:last-child:after {
content: “”;
}