3 p { width:
200px; height:
120px; background-color: lightgreen; }
4 .control { padding: -
100px; }
5 .simple-px { padding: calc(
100px -
200px); }
6 .simple-percent { padding: calc(
50% -
60%); }
7 .mixed { padding: calc(
1% -
100px); }
10 <div style=
"background-color: yellow;">
11 <p class=
"control">This element should have zero padding.
</p>
12 <p class=
"simple-px">This element should have zero padding.
</p>
13 <p class=
"simple-percent">This element should have zero padding.
</p>
14 <p class=
"mixed">This element should have zero padding.
</p>
