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

Question

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

现在，我有一个页脚，其中有两个div，宽度为50％，文本左对齐。不幸的是，第二个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/