title: Default margin and padding for <ul> and <li> tags
body: <p>A 3rd party plugin/widget injects this CSS into my html page.</p>
  
  <pre><code>* { 
      margin: 0px; padding: 0px;
  }
  html {
      margin: 0px; padding: 0px;
  }
  body {
      margin: 0px; padding: 0px;
  }
  </code></pre>
  
  <p>Is there any way  i can override that CSS and undo all the damage that it does?</p>
  
  <p>I have to have that widget on my page. I cannot just remove it.</p>
  
  <p>EDIT:
  As per one of the comments, this CSS is good because it normalises the rendering, but it breaks my  <li> tags. Particularly, the <code>'*'</code> tag rule breaks it.</p>
  
  <p>This is how the list looks without the '*' rule.</p>
  
  <p><img src="https://i.stack.imgur.com/zHq3a.png" alt="enter image description here"></p>
  
  <p>This is how it looks with it.</p>
  
  <p><img src="https://i.stack.imgur.com/0YbQy.png" alt="enter image description here"></p>