title: How to force the image to display given height and width without stretching in HTML DIV Tag?
body: <p>I need some help to make the image fit inside the DIV Tag with provided height and width and should not stretch. As a few images are Landscape and a few are Portrait, I need to force them to fit into the DIV OR IMG Tag.</p>
  
  <pre><code>&lt;div class="frame" style=""&gt;
    &lt;img id="photo" src="http://pocketlink.epocketlife.com/ImageRepository/images/events/ADEBAB1C-4FAF-4D65-A43D-A02978B76340/7adb104b-5140-45d9-a694-56cf5112917d.png"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <blockquote>
    <p>This is one of the Examples I found, you may implement there.<br />
    <a href="http://jsbin.com/vikanovaya/edit?html,css,output" rel="nofollow">http://jsbin.com/vikanovaya/edit?html,css,output</a></p>
  </blockquote>