separar items de lista con css

Necesitaba que una lista se muestre de esta manera
Home – Products – About – FAQ

Pero no podia modificar la lista desde el html
< ul id=”navlist”>
< li >< a href =” “>Home< /a>< /li>
< li>< a href=” “>Products< /a>< /li>
< li>< a href=” “>About < /a>< /li>
< li>< a href=” “>Contact< /a>< /li>
< /ul>

entoces solo me queda la opcion de intervenirla mediante el css
#navlist li:before { content: “- “; } poner un – antes de cada li (puede ser cualquier caracter)
#navlist li:first-child:before { content: “”; } que el 1º li no tenga nada delante.

listo!

About The Author

Diseñadora grafica / Desarrolladora web / wordpress themes y mas