title: Force margins on Google AdSense units in mobile view
body: <p>I have the following rules in my mobile CSS:</p>
  
  <pre><code>html{
      padding:15px;
  }
  
  body{
      margin:15px;
    }
  </code></pre>
  
  <p>All elements on the page obey these rules except Google's AdSense units.  These ads are in "auto" mode, which means you place one line of javascript in the <code>&lt;head&gt;</code> section of your HTML, and Google's algorithms choose the sizing and placement of the ad units.   </p>
  
  <p>All ad units display across the entire width of the viewport instead of respecting margins.  How do I force margins on them?</p>
  
  <p><a href="https://i.imgur.com/7FdOyc8.png" rel="nofollow noreferrer"><img src="https://i.imgur.com/7FdOyc8.png" alt="https://i.imgur.com/7FdOyc8.png"></a></p>