Eric Meyer's Simple Separators

Author: Eric Meyer

Comments: From Eric Meyers Minimal Markup, Surprising Style Presentation.

Browser support chart

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>

padding-left: 0;
margin-left: 0;
border-bottom: 1px solid gray;
width: 200px;

#navlist li
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;

#navlist li a { text-decoration: none; }

Some lists within the Listamatic site had to be modified so that they could work on Listamatic's simple list model. When in doubt, use the external resource first, or at least compare both models to see which one suits your needs.