安排两个div在页脚

-1

我想解决这两个格点，以便符合在下面的图片

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在这两个网站，但不幸的是不工作......并不明白为什么

你能帮我解决这个问题吗？

在此先感谢！

来源

2015-03-02 Elena Vesvina

认沽浮动：左双方你的div和摆脱inline-block的的

来源

2015-03-02 21:56:13 nweg

浮标应被视为最后的手段。他们解决了许多问题。 – isherwood 2015-03-02 21:57:42

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

来源

2015-03-02 21:57:22 isherwood

安排两个div在页脚

回答

相关问题