设置分割线在我多个的经验施行后，没有一成不变通用的方法，得根据要求采用最适合的。
1、使用字符“|”，适合导航栏间距不一致时，也就是不适合你。
2、采用背景方式，背景图片即是那条间隔线，需要形成jpg、gif、png格式的小图片，在背景里设置居左，并控制一下垂直位移，这样就会出现你第一张图的要求。
3、但最后一项可能会出现没有间隔线的情况，那么就多添加一个空的li或a，这样就多出来一个间隔线，好看。
具体细节需要把握，代码举例：
xlMenu a { background:url(menuLine.gif) no-repeat display:block width:77px text-align:center float:left}.xlMenu a.first { width:43px background:none text-align:left}
效果：
小图标：
很小很小的一条线。。。
你换成margin-top:10px试试style:
.nav{ height:33pline-height:33pxcolor:#FFF}
.nav em{ margin:0 4px}
其实，你这样写多好，<div class="nav"><a>中秋节礼品</a><em>|</em><a>中秋节礼品</a><em>|</em></div>
这样写虽然感觉不是很好，但是应该够用了
、首先，打开html编辑器，新建一个html文件，例如：index.html。2、在index.html中的<body>标签中，输入样式代码：style="overflow-x: scroll。
3、浏览器运行index.html页面，此时html会有横线滚动条，并且隐藏了纵向滚动条
