div一个问题

<div class="bj2">
<ul>
<li>杯/壶/器皿<span class="pp">|</span></li>
<li>个人用品<span class="pp">|</span></li>
<li>清洁用具<span class="pp">|</span></li>
<li>餐具/厨具<span class="pp">|</span></li>
<li><a href="#">钟表</a><span class="pp">|</span></li>
<li>创意家居</li>
</ul>
</div>

CSS代码

.bj2 ul{ margin:0px; padding:0px; list-style:none;}
.bj2 ul li{ float:left;}
.bj2{ background-color:#f3f1f2; width:150px; height:63px; margin-left:5px; padding-left:10px;}
.pp{ margin:0px 5px;}
不换行 帮我放到DW看一下 设置宽度不行啊

一个div问题 一个div+css中的问题 请教一个DIV底部对齐的问题 一个CSS+DIV宽度的问题 DIV+CSS一个布局小问题 关于一个</div> 问题 DIV+CSS定位的一个小问题 DIV+CSS的第一天的一个问题 问一个鼠标经过div层显示的问题 [ 求助 ] 一个div+css文字与层的排列问题