页脚，文本在左侧，文本居中

Question

我正在尝试创建一个页脚，其中文本在左侧，文本在中心（相对于窗口的宽度）。

现在，我有一个页脚，其中有两个宽度为 50% 的 div，文本左对齐。不幸的是，第二个 div 中的文本相对于整个页脚并不完全居中。

解决方案可能很明显，但我似乎找不到。

Answer 1

这应该可以解决问题：

<div id="footer">
    <span class="left">
        Left
    </span>
    Center
</div>

<style>
    #footer {
        width:100%;
        text-align:center;
    }
    .left {
        float:left;
    }   
</style>

见小提琴：http://jsfiddle.net/y8g3j7qx/