title: How to center align the image with reRestructuredText?
body: <p><a href="http://docutils.sourceforge.net/docs/ref/rst/directives.html#image" rel="nofollow">This post</a> says the following directive is a way to align image.</p>
  
  <pre><code>.. image:: ./imgs/code.jpg
      :width: 400px
      :align: center
  </code></pre>
  
  <p>However, the image is not center aligned, but right aligned, and I see the HTML generated as follows.</p>
  
  <pre><code>&lt;img alt="./imgs/code.jpg" class="align-center" src="./imgs/code.jpg" style="width: 400px;" /&gt;
  </code></pre>
  
  <p>It's defined in as the align-center class contrary to the explanation : "The alignment of the image, equivalent to the HTML  tag's "align" attribute."</p>
  
  <p>I even tried to have the CSS.</p>
  
  <pre><code>.. raw:: html
  
      &lt;style type="text/css"&gt;
        .align-center {
           text-align: center;
           border: 0px;
        }
      &lt;/style&gt;
  </code></pre>
  
  <p>And it also doesn't work. </p>
  
  <p>What's wrong with this?</p>