title: Center Aligning the Google charts
body: <p>I am trying to center align my google chart but have been unsuccessful in doing so. I have played with padding to move it to the center but I don't want to sit there and play with firebug for long time and figure out the correct position. Is there any simpler such as aligning text <code>text-align: center</code>. Obviously it doesn't work with google charts. (I am new to all of this)</p>
  
  <pre><code>var chart = new google.visualization.AnnotatedTimeLine(document.getElementById('chart_div'));
  
  ...some code ...
  
      &lt;div id='chart_div' style='width: 900px; height: 400px;'&gt;&lt;/div&gt;             
  </code></pre>
  
  <p>although I did this <code>padding-left: 140px</code> but is there any better way like <code>align: center</code> </p>