title: CSS increase padding by number
body: <p>I just wanted to know whether there is a way to increase the padding of an object by a number. For example</p>
  
  <pre><code>#mydiv{
     padding: 50px; /*padding of one div*/
  }
  
  div {
     padding: +50px; /*basically increase the padding of all divs by 50*/
   }
  </code></pre>
  
  <p>So the resulting padding on <code>#mydiv</code> should become <code>100%</code>.</p>
  
  <p>will <code>calc()</code> be useful?</p>
  
  <p>I know that there are other JavaScript alternatives, but I want to do it in plain CSS only, if possible.</p>