title: Responsive images and negative margin
body: <p>I have a site where I have an element with padding. I want the images to be the full width of the container regardless of padding, so I have added a negative margin equal to the padding to make it stretch right to the edge. The problem arises when I use responsive images. They ignore the negative margin and squish down to the container size plus padding.</p>
  
  <p>Example:</p>
  
  <pre><code>&lt;article style="padding:20px"&gt;
  &lt;img style="margin:0 -20px;"&gt;
  &lt;/article&gt;
  </code></pre>
  
  <p>In a non-responsive world this works fine. How would I achieve this with responsive images. I realize I could close and re-open the article tag, but this will cause a bunch of other issue in my real code, so I'm hoping for an alternative.</p>