title: How to have a full-width image in a div that has padding?
body: <p>Html:</p>
  
  <pre><code>&lt;div class="myDiv"&gt;
      &lt;img class="myImage" src="...." &gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Css:</p>
  
  <pre><code>.myDiv {
      padding: 20px;
  }
  .myImage {
      max-width: 100%;
      height: auto;
      // ??
  }
  </code></pre>
  
  <p>I don't mind that there will be space above and below the image (20px since the container has that as padding) But width-wise I'd like to break through the padding and have the image 100% of the div. Is this possible?</p>