title: how to center align IMG in div?
body: <p>How to center align IMG in div?</p>
  
  <pre><code>&lt;div id="head"&gt;
    &lt;div id="panel"&gt;
      &lt;img/&gt;
      &lt;a href="#"&gt;&lt;img/&gt;&lt;/a&gt;
      &lt;a href="#"&gt;&lt;img/&gt;&lt;/a&gt;
      &lt;a href="#"&gt;&lt;img/&gt;&lt;/a&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Img have different Width and Height.</p>
  
  <p>css:</p>
  
  <pre><code>#head{
      float:right;
      margin:15px 100px 30px 30px;
      text-align:center;
      height:20px;
      width:160px;
  }
  #panel img{
      margin-left:10px;
      text-align:center;
  }
  </code></pre>