​x
 
1
<!DOCTYPE html>
2
<title>Example</title>
3
<style>
4
    .outer {
5
        border: solid;
6
        width: 280px;
7
        padding: 40px 10px 0 50px;  
8
    }
9
    .inner {
10
        background: gold;
11
    }
12
</style>
13
​
14
<div class="outer">
15
    <div class="inner">The outer div has padding applied. This results in padding between the edge of the outer div and the edge of the inner div.</div>
16
</div>