title: Placing an image in the center of <a> tag
body: <p>There is a tag in 150x130:</p>
  
  <pre><code>.listings ul li a.thumb{
      float:left;
      width:150px;
      height:130px;
      border:#ededed 3px solid;
  }
  </code></pre>
  
  <p>When I save an image I check the image's width and height. with==150 or height==130. And in view:</p>
  
  <pre><code>    &lt;a href="#" class="thumb"&gt;
        if ( checking with is full )
        {
           &lt;img src="@Url.Content( Path.Combine( "~/Uploads/Products/", @item.ImagePath ) )" style = "width: 150px;" alt="" /&gt;
        }
    if ( checking height is full )
        {
           &lt;img src="@Url.Content( Path.Combine( "~/Uploads/Products/", @item.ImagePath ) )" style = "height: 130px;" alt="" /&gt;
        }
      &lt;/a&gt;
  </code></pre>
  
  <p>There are images in this <code>&lt;a&gt;</code> tag in different sizes. For example, 100x130, 70x130, 150x140, 150x80 etc. But one of sizes of image equals to one of sizes of a tag. (150 or 130). Square images are not a problem, but different sized images seem to go in bottom or top, right or left side in the <code>&lt;a&gt;</code> tag.</p>
  
  <p>How can place all size images <strong>center</strong> of the tag?</p>