• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Margin</title>
7
    <style>
8
        div {
9
            background-color: #7FFFD4;
10
            border: 2px solid teal;
11
        }
12
        div.parent {
13
            height: 100px;
14
            margin-left: 100px;
15
        }
16
        div.child {
17
            background-color: #FFF8DC;
18
            margin-left: inherit;
19
        }
20
    </style>
21
</head>
22
​
23
<body>
24
​
25
    <h1>margin 속성값 조절</h1>
26
    <div>아무런 margin 속성값도 설정하지 않은 요소입니다.</div><br>
27
    <div class="parent">left-margin 속성값을 100px로 설정한 요소입니다.
28
        <div class="child">left-margin 속성값을 inherit로 설정한 요소입니다.</div>
29
    </div>
30
​
31
</body>
32
​
33
</html>