Uninstallme

Caso típico: lista centrada de enlaces al pie de página separados por barras u otro elemento.

Enlaces centrados en el pie de página

Para que la lista aparezca centrada necesitamos que los elementos de lista se muestren en línea en vez de en bloque.

ul{text-align: center;}
li{display: inline; padding: 0 6px 0 5px; background: url(../img/separador.gif) 100% 50% no-repeat;}

Problema típico: la separación entre ítems no es igual en distintos navegadores, básicamente, entre Explorer y el resto.

Distinta separación entre elementos de lista en Explorer

Solución (muy vieja): evitar la separación (saltos de línea) entre los elementos de lista en el HTML.

<ul><li><a href="#">Lorem ipsum</a></li><li><a href="#">Sit amet</a></li><li><a href="#">Consectetuer</a></li></ul>

Se puede mejorar un poco la legibilidad del código y evitar tener toda la lista en una línea de esta forma:

<ul><li
><a href="#">Lorem ipsum</a></li
><li><a href="#">Sit amet</a></li
><li><a href="#">Consectetuer</a></li
></ul>

El resultado de usar esta técnica:

Misma separación entre elementos de lista en todos los navegadores

Demo.

Visto en CSS:Inline list, entre otras cosas muuuy interesantes.