#menu ul{list-style:none}
#menu li{display:inline}
Un div con esa ID es lo que las pone en la misma línea sin viñetas (Los circulitos). Ya lo demás son detalles. En lo personal, este es mi favorito por básico y popular:
Código:
#menu ul{list-style:none}
#menu li{display:inline}
#menu li:before{content:" || "}
#menu li:first-child:before{content:""}
Ya si quieres editarlo de una forma más personalizada y no sabes como hacerlo, con gusto ayudaremos a tus dudas. Suerte
