问个关于样式的问题

qq2013 2009-06-03 07:58:29

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
<style type="text/css">
.newsbox
{
overflow: hidden;
width: 680px;
}
.newsbox DL
{
border-right: #aaccee 1px solid;
border-top: #aaccee 1px solid;
float: left;
border-left: #aaccee 1px solid;
width: 330px;
margin-right: 6px;
border-bottom: #aaccee 1px solid;
}
.newsbox DL DT
{
background: url(img/more.gif) #edf6ff no-repeat 275px 6px;
margin: 1px auto 0px;
width: 328px;
border-bottom: #aaccee 1px solid;
height: 26px;
}
.newsbox DL DT A
{
display: block;
padding-left: 25px;
font-weight: bold;
font-size: 12px;
background: url(img/article_ico.gif) no-repeat 8px 7px;
color: #2259a6;
line-height: 26px;
letter-spacing: 2px;
height: 26px;
text-decoration: none;
}
.newsbox DL DD
{
width: 330px;
text-align: left;
float: left;
}
.newsbox DL DD UL
{
margin: 6px auto;
width: 305px;
}
.newsbox DL DD UL LI
{
background: url(img/ico_2.gif) no-repeat 0px 8px;
text-indent: 13px;
line-height: 25px;
border-bottom: #b4e0f7 1px dotted;
height: 25px;
}
.newsbox DL DD UL LI A
{
font-size: 13px;
float: left;
color: #0066cc;
text-align: left;
}
.newsbox DL DD UL LI SPAN
{
float: right;
font: 11px Tahoma;
color: #666666;
padding-top: 5px;
}
ul
{
list-style-type: none;
}

</style>
</head>
<body>
<div class="newsbox">
<dl>
<dt><a href="#">电子工业</a></dt>
<dd>
<ul>
<li><a href="#">电子工业1 </a><span>2009-05-28</span></li>
<li><a href="#">电子工业2 </a><span>2009-05-28</span></li>
<li><a href="#">电子工业2 </a><span>2009-05-26</span></li>
<li><a href="#">电子工业2</a><span>2009-05-26</span></li>
<li><a href="#">电子工业2 </a><span>2009-05-26</span></li>
<li><a href="#">电子工业2 </a><span>2009-05-24</span> </li>
</ul>
</dd>
</dl>
</div>
</body>
</html>

为什么

<ul>
<li><a href="#">电子工业1 </a><span>2009-05-28</span></li>
<li><a href="#">电子工业2 </a><span>2009-05-28</span></li>
<li><a href="#">电子工业2 </a><span>2009-05-26</span></li>
<li><a href="#">电子工业2</a><span>2009-05-26</span></li>
<li><a href="#">电子工业2 </a><span>2009-05-26</span></li>
<li><a href="#">电子工业2 </a><span>2009-05-24</span> </li>
</ul>
里面的内容总居右,我想居左怎么设置啦?

...全文