title: How to center my bokeh plot
body: <p>I currently have this plot which is a bit to the right. i wish to move to the center. How can i change my css code. </p>
  
  <p><a href="https://i.stack.imgur.com/jUfhX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jUfhX.png" alt="bokeh plot"></a></p>
  
  <p>my code is:</p>
  
  <pre><code>{% include "base.html" %}
  
  {% block page_content %}
  
  &lt;style&gt;
      &lt;!--#graphs {--&gt;
    &lt;!--width: 50%;--&gt;
    &lt;!--margin: 0 auto;--&gt;
  &lt;!--}--&gt;
  
  body {
      margin: 0;
      padding: 0;
      text-align: center; /* !!! */
  }
  
  .centered {
      margin: 0 auto;
      text-align: left;
      width: 800px;
  }
  
  
  &lt;/style&gt;
  
  {{ js_resources|safe }}
  {{ css_resources|safe }}
  &lt;div id="graphs" class="centered"&gt;
      {{ plot_div|safe }}
      {{ plot_script|safe }}
  &lt;/div&gt;
  {% endblock %}
  </code></pre>
  
  <p>Is there something wrong with my css?</p>
  
  <p><strong>EDIT</strong>
  this is the new style</p>
  
  <pre><code>&lt;style&gt;
  
  
  body {
      margin: 0;
      padding: 0;
      text-align: center;  !!! 
  }
  
  .centered {
      margin: 0 auto;
      display:block;
      text-align: left;
      width: 800px;
  }
  
  
  &lt;/style&gt;
  </code></pre>
  
  <p>and this is the resulting firebug</p>
  
  <p><a href="https://i.stack.imgur.com/NMPFD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NMPFD.png" alt="update style"></a></p>
  
  <p><strong>EDIT 2</strong></p>
  
  <p>this is the body style</p>
  
  <p><a href="https://i.stack.imgur.com/1ZIfq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1ZIfq.png" alt="update style 2"></a></p>