css - HTML センター div を別の div と左に揃える

Question

CSSを使うだけで簡単にページ内の1divを中央揃えにできますが、

margin: auto;

これはうまく機能しますが、この div を中央揃えにしたいが、左側に別の div を配置したい場合に問題が発生します。

これは私がhttp://jsfiddle.net/E25JV/20/にしたいものですが、2つのdivを一緒に並べています。(シンプルにするために div 内のテキストのみを使用していますが、実際にはキャンバスと他のものがたくさんあります)。

左に 1 つの div をフローティングしようとしましたが、http://jsfiddle.net/E25JV/21/を取得します。ご覧のとおり、それらは正確に並んでおらず、中央にあるはずの 1 div が右に移動しています。

中央に 1 つの div、左側に 1 つの div を並べて 2 つの div を取得するにはどうすればよいですか。

編集：

私が示した例は、シンプルにするためにテキストを含む 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>