安排兩個div在頁腳

Question

直列我有這個網站：

http://eventos.dac-proiect.ro/

我想解決這兩個格點，以便符合在下面的圖片

http://i58.tinypic.com/2n8ucuu.jpg

這是HTML代碼：

<footer id="colophon" class="site-footer" role="contentinfo"> 


      <div class="social-list"> 

        <ul> 
         <li><img src="http://eventos.dac-proiect.ro/wp-content/themes/eventos/images/gri1.png" alt="Smiley face" height="30" width="30"></li> 
         <li><img src="http://eventos.dac-proiect.ro/wp-content/themes/eventos/images/gri2.png" alt="Smiley face" height="30" width="30"></li> 
         <li><img src="http://eventos.dac-proiect.ro/wp-content/themes/eventos/images/gri3.png" alt="Smiley face" height="30" width="30"></li> 
         <li><img src="http://eventos.dac-proiect.ro/wp-content/themes/eventos/images/gri4.png" alt="Smiley face" height="30" width="30"></li> 
         <li><img src="http://eventos.dac-proiect.ro/wp-content/themes/eventos/images/gri5.png" alt="Smiley face" height="30" width="30"></li> 

        </ul> 

      </div> 


    <div class="site-info"> 


     <?php printf(__(' © 2015 %1$s %2$s.', 'eventos'), 'EVENTOS.', 'Toate drepturile rezervate'); ?> 


    </div><!-- .site-info --> 
</footer><!-- #colophon --> 

我試圖把顯示：inline-block div在這兩個網站，但不幸的是不工作......並不明白爲什麼

你能幫我解決這個問題嗎？

在此先感謝！

Answer 1

認沽浮動：左雙方你的div和擺脫inline-block的的

Answer 2

footer#colophon > div { 
    display: inline-block; /* allow block-level elements to reside on the same line */ 
    width: 50%; 
    box-sizing: border-box; /* make borders and padding part of dimensions */ 
    font-size: 0; /* eliminate remaining whitespace between */ 
} 

More on dealing with the whitespace niggle