、中央canvas要素ではなく、その兄弟

Question

私は、このHTMLコードを持っている：

<tbody> 
    <tr> 
     <td> 
      <canvas class="myid_templates_editor_canvas"></canvas> 
      <div>A lot of codes here</div> 
      <div>A lot of codes here</div> 
     </td> 
    </tr> 
<tbody> 

を私はtdのだけcanvasはなく、他の子要素を中央にしたいです。だから私は、以下のCSS試してみました：

td { 
    text-align:center; 
} 

をしかしコードは、他の要素<div>に影響を与えます。私はコードを試しました：

td > canvas { 
    text-align:center; 
} 

上記のコードは私のキャンバス要素を中心にしていませんか？何をすればよいでしょうか？

Answer 1

固定値をwidthに設定し、次にmargin: autoをdisplay: blockと設定します。 text-align: centerはすべての内容を中央にします。

canvas.myid_templates_editor_canvas { 
    width: 200px; 
    margin: auto; 
    display: block; 
} 

jsFiddle

Answer 2

これを試してみてください。

td { 
text-align:center; 
} 

td div { 
text-align:left; 
} 

table { 
width: 100%; 
}