css样式的问题

来源：百度知道 编辑：UC知道 时间：2024/06/20 04:24:50
/*导航 */
.mall_nav{ width:948px; border:1px #ddd solid; margin:8px auto; clear:both; height:112px;}
.mall_nav ul { width:188px; float:left; border-right:1px #e4e4e4 solid; overflow:hidden; height:112px;}
.mall_nav ul h2 span { padding-left:8px; color:#ddd;}
.mall_nav ul h2 span a { color:#ea5404;}
.mall_nav ul h2 { line-height:22px; text-align:left; height:22px;}
.mall_nav ul li { line-height:22px; text-align:left; width:170px; margin:0 auto;}
.mall_nav ul li a { padding-right:6px; color:#3366cc;}
---------------
这个定义出来的表格怎么不在一行呢。怎么解决
谢谢啊
zheyo.cn 首页的导航栏就是调用的这个css，大家帮我看看问题出在哪里啊

要UL里的LI显示在一行，你可以：
li{display:inline;}

或 li{display:block; float:left; width:30px;}
/*如果不设置宽度，会占整行*/

推荐使用display:inline来横置li

另外，zheyo.cn的代码有问题，h2不能放在ul里，应该写成
<div>
<h2></h2>
<ul><li></li><ul>
</div>