title: How to override margin and right/left in css?
body: <p>I have a div with this styling:</p>
  
  <pre><code>#slogan{
      font-size:24px;
      position:absolute;
      left:0;
      right:0;
      margin-left:auto;
      margin-right:auto;
  }
  </code></pre>
  
  <p>The latter 4 styles just center the div content on the page.</p>
  
  <p>If the page gets too big, I don't want to use the following styling anymore, so I apply this style:</p>
  
  <pre><code>@media only screen and (min-width: 941px){
      #slogan {
          font-size: 24px;
          position: absolute;
          min-width: 810px;
          text-align: right;
      }
  }
  </code></pre>
  
  <p>Which displays the content a certain amount from the left edge of the page. I tested these styles in the f12 dev tool, and it looks right. However, when I apply the style inside the css sheet, the margin and right/left parts get still applied to the element, and I don't know how to cancel them (there is no default value for margin).</p>
  
  <p>Any help?</p>