title: inline css for html table padding
body: <p>I need to style a table within a CMS but whilst a number of other style elements are working, padding isn't.  I'm trying to increase the padding for individual cells but want to avoid having to add this for each one.  Can it be done?</p>
  
  <p>Below is the basis of what I'm using. (border styles don't seem to work either so I've put that directly in the HTML)</p>
  
  <pre><code>&lt;table border="1" style="width:100%;padding:10px;"&gt;
  </code></pre>
  
  <p>and when I inspect the CSS in the browser there is no indication that elements from the stylesheets are conflicting or over-riding this.</p>
  
  <p>I've seen other answers that mention using display:block or border-collapse and although the padding takes effect it is only applied between the inner table and the border.</p>
  
  <p>Is there something I'm missing or is this just a quirk as to how our designers have set up the site?</p>
  
  <p>thanks!</p>