css - HTML 中心将 div 与另一个 div 向左对齐

Question

只需使用 CSS，我就可以轻松地将页面中的 1 个 div 居中对齐，

margin: auto;

这很好用，但是当我想保持这个 div 中心对齐时，我遇到了问题，但还有另一个 div 在左边。

这就是我想要的http://jsfiddle.net/E25JV/20/但将 2 个 div 排列在一起。（我只是在 div 中使用文本来保持简单，但实际上有一个画布和一堆其他东西）。

我试过向左浮动一个 div 但我得到http://jsfiddle.net/E25JV/21/。如您所见，它们并没有完全对齐，并且应该在中心的 1 个 div 已经移到了右侧。

如何让 2 个 div 与 1 个 div 在中心和 1 个在左侧对齐。

编辑：

为了简单起见，我给出的示例只是 2 个带有文本的 div。我实际上拥有的是 div 的 1 内的画布 -> http://jsfiddle.net/E25JV/38/。

Answer 1

http://jsfiddle.net/E25JV/73/

#left {
    font-size: 14;    
}
#center {
    text-align: center;
    margin-top: -20px;
}
#canvas {
    margin: auto;
    display: block;
    background: black;
}

​</p>

​</p>