p {
margin-top: 35px;
}
margin-top속성은 요소의 위쪽 여백을 설정하며 음수 값이 허용됩니다.
요소의 위쪽 및 아래쪽 여백은 두 개의 여백 중 가장 큰 것과 동일한 단일 여백으로 축소 됩니다. 수평(왼쪽 및 오른쪽)여백에서는 발생하지 않습니다.
p.a {
margin: 30px 0;
}
p.b {
margin: 20px 0;
}
위의 예에서 <p class = "a"> 요소의 상단 및 하단 여백은 30px입니다. <p class = "b"> 요소의 상단 및 하단 여백은 20px입니다.
즉 <p class = "a">와 <p class = "b"> 사이의 수직 여백은 50px (30px + 20px) 여야합니다. 그러나 마진 붕괴로 인해 실제 마진은 30px가됩니다!
margin-top: length|initial|inherit;