Question

为什么每次用div+ul+li的时候 左面都多出来一大块

这是页面的代码：
<td width="519" height="140" align="left" valign="top">
<div id="newslist">
<ul>
<li><a href="#">北辰-新领地以“实现人性化户型，追求舒适化生活”为理念.......</a><span>[2010-08-07]</span></li>
<li><a href="#">北辰-新领地以“实现人性化户型，追求舒适化生活”为理念.......</a><span>[2010-08-07]</span></li>
<li><a href="#">北辰-新领地以“实现人性化户型，追求舒适化生活”为理念.......</a><span>[2010-08-07]</span></li>
<li><a href="#">北辰-新领地以“实现人性化户型，追求舒适化生活”为理念.......</a><span>[2010-08-07]</span></li>
</ul>
</div>
</td>
这是css样式
#newslist{
margin-left:0px;
line-height:30px;
width:auto;
}
#newslist ul{
}
#newslist ul li{
margin-left:0px;
border-bottom:#FFF solid 1px;
width:100%;
}
#newslist ul li a:link,#newslist ul li a:visited{
float:left;
font-weight:100;
text-decoration:none;
}
#newslist ul li a:hover{
float:left;
font-weight:100;
text-decoration:underline;
}
#newslist ul li a:actived{
float:left;
font-weight:100;
text-decoration:none;
}
#newslist ul li span{
float:right;
font-weight:100;
}
为什么做出来以后前面多出来了一块，还有列表前面那个点也跑的后面去了
怎么才能解决了啊？？？？？？
额 话说林木设计你给的样式还是不行
还是那样的 这是用了你的样式的截图
ps:话说我CSS样式全是自己看的，老师就没给讲，就给了我们一个css2.0的指南，所以也不知道到底该怎么写。

Answer 1

先说明一下你的CSS样式好乱啊！！而且还是错的！真郁闷！
你相想多的字以点显示出来吧！
#newslist{
width:auto;
margin:0px;
padding:0px
}
#newslist ul{
list-style-position:inside;
}
#newslist ul li{
line-height:30px;
border-bottom:#FFF solid 1px;
width:100%;
}
#newslist a{
float:left;
width:400px;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;

}
#newslist a:link,#newslist a:visited,#newslist a:actived{
text-decoration:none;
}
#newslist a:hover{
text-decoration:underline;
}
#newslist span{
float:right;
}
行高有30像素那么列素符号一定不好看！

你把全面的代码都贴出来我给你看看！

Answer 2

设置ul li{margin:0px;padding:0px;}