title: How to override external css?
body: <p>I have an external css file which applies 35px padding to my content div. All my html pages are loaded inside that div but for one of them I want to use 0 padding-right.</p>
  
  <p>I tried inline css, applying it directly on the body of that page and also using !important but nothing worked.</p>
  
  <p>What I am I doing wrong?</p>
  
  <p>index.html:</p>
  
  <pre><code>&lt;div id="content"&gt;&lt;?php include "page.html"?&gt;&lt;/div&gt;
  </code></pre>
  
  <p>main.css:</p>
  
  <pre><code>#content{
      margin-top: 303px;
      padding: 35px;
      z-index:1;
  }
  </code></pre>
  
  <p>page.html:</p>
  
  <pre><code>&lt;body style="padding:0px;"&gt;
  </code></pre>