一个最简单的用层横向布局的例子

<style type="text/css">
body{margin:0;}
#menu1{height:25px;  width:1005px; padding-left:50px;margin:0; background-color:#0099cc; border-bottom:0px solid #000000;font-size:12px;color:#ffffff; text-align:center; list-style:none;}
#menu1 li{display:inline;}
#menu1 li a{ float:left;width:109px;color:#ffffff; letter-spacing:2px; text-decoration:none; padding-top:6px; padding-bottom:5px; border-left:1px solid #FFFFFF;margin-left:1px}
#menu1 li a:hover{ background-color:#ffffff; color:#000000;}
</style>  

 <ul id="menu1" >
<li><a href="index.asp" >首  页</a></li>
    <li><a href="#">公司概况</a></li>
    <li><a href="products.asp">产品展示</a></li>
    <li><a href="#">组织架构</a></li>
    <li><a href="#">服务中心</a></li>
    <li><a href="#">人才招聘</a></li>
   <li><a href="#">联系我们</a></li>
  
</ul>