title: Align an image in the middle of <td></td>
body: <p>I have the following  code:</p>
  
  <pre><code>&lt;td&gt;
  &lt;img src="some_image_url.png" class="png" /&gt;
  &lt;img src="another_image_url.jpg" /&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>The .css for the <strong>class="png"</strong> is:</p>
  
  <pre><code>.png {
      position:absolute;
  }
  </code></pre>
  
  <p>How can I make the Sold Out image to be shown in the middle, as the other image is aligned?</p>
  
  <p>Thanks.</p>
  
  <p><strong>EDIT:</strong> Here's the .css for the <strong>td</strong>:</p>
  
  <pre><code>.something td {
      padding: 7px;
      width: 20%;
      text-align: center;
      vertical-align: top;
  }
  </code></pre>