title: CSS: align image icon of any size in the middle-center of a box
body: <p>I've been through several posts and visited other websites but still can't find a solution for this.
  I tried several suggestions to no avail and I've been trying for several hours since yesterday and today to figure a solution.
  So please, forgive me if this question may look duplicate but the truth is that none of the solutions worked out for me.
  In fact, before rebuilding the whole page, I would appreciate some help from someone here.
  My boss "simply" wants to see the icon to fit in the middle-center of the box. 
  Since there's no text inside the box, the vertical-align: middle; does not apply. The images can be from different sizes, so I cannot count on a fixed size to position it.</p>
  
  <p>Thanks</p>
  
  <pre><code>img {
      max-width: 100%;
      max-height: 100%;
  }
  .imageHolder {
      margin: 2px 10px;
      padding: 5px;
      border: 1px solid #999;
      background-color: white;  
      display: inline-block;  
      vertical-align: middle;
  }
  #contenido .logo-radio .imageHolder {
      width: 72px;
      height: 72px;  
  }
  
  &lt;div class="logo-radio"&gt;
      &lt;article class="imageHolder"&gt;
          &lt;a href="#"&gt;&lt;img src="#" alt="Logo AM 750"&gt;&lt;/a&gt;
      &lt;/article&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/5ZdLt/1" rel="nofollow"><strong>Fiddle</strong></a></p>