在同一行

Question

我试着写这样一个

alt text http://s10.directupload.net/images/100527/3mgauoky.jpg

页脚CSS页脚不是我有没有说，即时通讯在的CSS很糟糕？

我的CSS看起来像这样

#footer-navi 
{ 
    margin-bottom:1.5em; 
    padding-bottom:1.5em; 
} 
clearfix 
{ 
    display:block; 
} 

#footer-group 
{ 
    margin:0 auto; 
} 

编辑：下面是一些HTML

<div id="footer-group"> 
     <ul id="footer-navi" class="clearfix"> 
      <li> 
      <h4>Products</h4> 
       <ul> 
       <li><a href="#">test 1</a><li> 
       </ul> 


      <h4>Products 2</h4> 
      <ul> 
         <li><a href="#">test 2</a><li> 
      </ul> 
     </li> 

     </ul> 
</div> 

我如何能实现事端像上面的注脚？ 非常感谢。

Answer 1

试试这个HTML：

<div id="footer-navi"> 
    <ul> 
     <li>Kaufen<ul> 
      <li>ein</li> 
      <li>zwei</li> 
      <li>drei</li> 
      </ul> 
     </li> 
     <li>Verkaufen<ul> 
      <li>ein</li> 
      <li>zwei</li> 
      <li>drei</li> 
      </ul> 
     </li> 
    </ul> 
</div> 

有了这个CSS：

#footer-navi ul { 
    font-size: 75%; 
} 
#footer-navi>ul { 
    font-size: 150%; 
} 
#footer-navi>ul>li { 
    display: inline-block; 
} 

看到它：http://jsfiddle.net/AGL4N/
它需要格式化（保证金，填充线高度，字体大小等）但你想要的基本想法就在那里。