title: Text-align does not apply to images
body: <p>I just wrote the following code</p>
  <pre class="lang-html prettyprint-override"><code>&lt;img src=&quot;http://www.lorempixel.com/100/100&quot;&gt;&lt;img src=&quot;http://www.lorempixel.com/100/150&quot; id=&quot;test&quot;&gt;
  </code></pre>
  <pre class="lang-css prettyprint-override"><code>#test {
      text-align: center;
  }
  </code></pre>
  <p>But the image is not centering. I also used <code>text-align: right</code> which did not work either. I can use float and margin-left but I'm curious why its not working with text-align.</p>