CSS Pied de page non sur la même ligne

Question

Im essayant d'écrire un pied de page comme celui-ci

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

Est-ce que je dit que im très mauvais Css?

Mon css ressemble à ceci

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

#footer-group 
{ 
    margin:0 auto; 
} 

EDIT: Voici quelques 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> 

Comment puis-je mettre en œuvre comme le pied de page somethin ci-dessus? Merci beaucoup.

Answer 1

Essayez ce 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> 

Avec ce CSS:

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

Voir ce: http://jsfiddle.net/AGL4N/
Il a besoin formatage (margin, padding, hauteur de la ligne, la taille de la police, etc.) mais l'idée de base que vous voulez est là.