title: IMG src two images align to div center
body: <pre><code>&lt;div class="box"&gt;
          &lt;img src="http://s21.postimg.org/c5lw89577/Untitled_2.jpg" /&gt;
          &lt;img src="http://s21.postimg.org/c5lw89577/Untitled_2.jpg" /&gt;
          &lt;p&gt;
              uspendisse potenti. Ut id justo libero, in bibes 
          &lt;/p&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p><strong><a href="http://jsfiddle.net/CjZSS/" rel="nofollow noreferrer">jsfiddle sample</a></strong> </p>
  
  <p>How to make images src align to center. the result I'd like to get is to like the picture below. ideally works on IE7 and IE8 as well</p>
  
  <p><img src="https://i.stack.imgur.com/MfVvZ.jpg" alt="enter image description here"></p>