为什么我的li不在同一行的？

#menu {
color:#99FFCC;
text-align:center;
width:60px;
height:20px;
}
把上面的改为
#menu li{
float:left;
color:#99FFCC;
text-align:center;
width:60px;
height:20px;
}

你定义的CSS样式有问题。CLASS样式前面加个点。
<style>
{margin:0; padding:0;}
uul{width:700px;list-style:none; border:red 1px solid; overflow:hidden;}
lli{width:340px;float:left; margin-right:10px;line-height:20px; display:inline;}
tdd{float:left;width:700px; text-align:left;}
</style>
<table>
<tr>
<td align="left" style="padding-left:10px"><div class="tdd">
<ul class="uul">
<!-- 动态绑定的数据库的数据 -->
<li class="lli">动态绑定的数据库的数据</li>
<li class="lli">动态绑定的数据库的数据</li>
<li class="lli">动态绑定的数据库的数据</li>
<li class="lli">动态绑定的数据库的数据</li>
</ul>
</div></td></tr></table>

<div class="subnav">
<li><a href="#">二手房</a></li>
<li><a href="#">租房</a><span class="more">more</span></li>
</div>
<span>是无属性标签，放在哪里都可以的

无标题文档 ul, li { list-style:none; padding:0; } ul { width:500px; height:300px; margin:50 auto; background:#CCC } li { float:left; height:30px; line-height:30px; margin-left:10px; background:#E6E6E6; margin-bottom:10px; } l

---