看效果图做网页
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
ul{list-style:none;}
li{
line-height:31px;
border-bottom:1px solid #ccc;
height:31px;
font-size:14px;
}
div{
width:150px;
background:#f8f8f8;
border:1px solid #bbb;
}
</style>
</head>
<body>
<div>
<ul>
<li>
<i></i>
服装内衣
</li>
<li>
<i></i>
鞋包配饰
</li><li>
<i></i>
运动户外
</li><li>
<i></i>
珠宝手表
</li><li>
<i></i>
手机数码
</li><li>
<i></i>
家电办公
</li><li>
<i></i>
护肤彩妆
</li><li>
<i></i>
母婴用品
</li>
</ul>
</div>
</body>
</html>做出来效果如下：
字前面的横线怎么弄？？？？？？？？？
