求助css简单同行显示问题

    <div class="titl">

        <span class="zhuti">美食、菜谱、食谱- 美食杰菜谱网 Meishi.cc - 你最喜爱的家常菜谱美食网</span>

        <ul class="menu">

            <li class="menu1"><a href="http://www.meishij.net/">美食杰首页</a></li>

            <li class="menu2"><a href="http://www.meishij.net/gbook.php">访客留言</a></li>

            <li class="menu3"><a href="#" class="test">搜索<em>▼</em></a> </li>

        </ul>

    </div>

.titl {font-size:12px;height:26px;left:0;line-height:26px;position:absolute;top:0;width:960px;}

.titl.zhuti{ float:left; position:relative;width:660px;} 

.titl.menu{float:right; position:relative;width:130px;}



.titl .menu li {color:#5F5F5F;float:right;position:relative;}

.titl .menu li.menu1{width:85px;}

.titl .menu li.menu2{width:85px;}

.titl .menu li.menu3{width:85px;}

求解：如何写css才能让， <span class="zhuti">和 <ul class="menu">在同一行显示呢？

谢谢， --------------------编程问答-------------------- --------------------编程问答--------------------



<div class="titl">

        <span class="zhuti">美食、菜谱、食谱- 美食杰菜谱网 Meishi.cc - 你最喜爱的家常菜谱美食网</span>

        <ul class="menu">

            <li><a href="http://www.meishij.net/">美食杰首页</a></li>

            <li><a href="http://www.meishij.net/gbook.php">访客留言</a></li>

            <li><a href="#" class="test">搜索<em>▼</em></a> </li>

        </ul>

    </div>



.titl {font-size:12px;height:26px;left:0;line-height:26px;position:absolute;top:0;width:960px;}

.titl .zhuti{ float:left;width:400px; height:26px;} 

.titl .menu{float:right;width:560px; padding:0px; margin:0px; height:26px;}



.titl .menu li {color:#5F5F5F;float:left; width:85px;}

--------------------编程问答-------------------- 你为什么用了两种定位方式呢。其实选择其一就好了。还有就是ul的话。一定要清理margin和padding --------------------编程问答--------------------

引用 3 楼 leejelen 的回复:

你为什么用了两种定位方式呢。其实选择其一就好了。还有就是ul的话。一定要清理margin和padding

解决问题了，能仔细说下两种方法吗？搞不懂 --------------------编程问答-------------------- .titl .menu li {color:#5F5F5F;float:left; width:85px;}
;float:left; 这个就能让他横向显示吗？
--------------------编程问答-------------------- 一个是相对定位。一个就是直接定位了啊。如果不是很复杂的，直接用float，left就向左靠，right就向右靠啊。具体的还是自己去下个CSS的帮助文档吧！

补充：.NET技术 ,  ASP.NET