title: CSS Image Positioning, akin to background-position
body: <p>I have really big images that I want to fit into a height of <code>500px</code> and also be <em>nearly</em> centered horizontally and vertically. They are not background images, so I can't use the <code>background-position</code> property. I think I need something like this, but for img tags:</p>
  
  <pre><code>background-position: 50% 50%;
  </code></pre>
  
  <p><strong>Edit:</strong> I need the width to be <code>100%</code>. I'm trying to make this work with the "Better Simple Slideshow." Here is the codepen link to that: <a href="http://tinyurl.com/k38oapk" rel="nofollow">http://tinyurl.com/k38oapk</a>.</p>