html - 文本位于左侧且文本居中的页脚

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>

参见 fiddle :http://jsfiddle.net/y8g3j7qx/