html - 将设置了 float 的 div 居中

Question

所以我感觉很愚蠢，我无法解决这个问题，但我的问题如下:

我有一个页脚，页脚里面有 2 个 div，1 个包含 Facebook 图片，1 个包含版权文本。我想要做的是将它们并排 float ，但将 Facebook 图像对齐到左侧，将文本对齐到中心。

HTML:

<div id="footer">
    <div id="facebook"><img src="img/FB-f-Logo__blue_29.png" alt="facebook link"></div>
    <div id="footerText"><p>© Copyright 2013. All Rights reserved.</p></div>
</div> 

CSS:

#footer {
    width: 960px;
    height: 50px;
    margin: 0 auto;
}

#facebook {
    width: 29px;
    height: 29px;
    margin-top: 20px;
    margin-bottom: 20px;
    float: left;
}

#footerText {
    float:left;
    font-size: 11px;
    text-align: center;
    margin: 20px auto 20px auto;
}

Answer 1

您可以在页脚中为两个 div 提供额外的“包装器”:http://jsfiddle.net/y9xpA/

#wrap {width: 400px; margin: auto;}