title: How can I make an image fit inside a div element when the image is wider than the div?
body: <p>I've an image tag inside a div element. </p>
  
  <pre><code>&lt;div id = "myDiv"&gt;
   &lt;img alt = "myImage" src = "some_source"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The image is bigger than the div, so the image is not inside the div element. First, I've thought about using <strong>width = x, height = y</strong>. But as I'm still designing the page, I fear to have to worry all the time those 2 dimensions.   </p>
  
  <p>How can I keep the image inside the div element? also, respecting the dimensions of the div element?</p>
  
  <p>Thanks for helping</p>