求助css简单同行显示问题

Question

    <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">在同一行显示呢？谢谢，

Answer 1

<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;}

Answer 2

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

Answer 3

.titl .menu li {color:#5F5F5F;float:left; width:85px;}
;float:left; 这个就能让他横向显示吗？

Answer 4

一个是相对定位。一个就是直接定位了啊。如果不是很复杂的，直接用float，left就向左靠，right就向右靠啊。具体的还是自己去下个CSS的帮助文档吧！