頁腳左側文本和文本居中

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/