CSS강의 margin 스타일

margin-top

h1 { margin-top: 3em }

기준이 되는 라인

위 쪽과 3em의 margin이 생긴다.

margin-bottom

h1 { margin-bottom: 3em }

아래 쪽과 3em의 margin이 생긴다.

기준이 되는 라인


margin-left

h1 { margin-left: 3em }

기준이 되는 라인

왼쪽과 3em의 margin이 생긴다.

margin-right

h1 { margin-right: 15em }

margin을 적용하지 않으면, 아무런 여백이 없이 텍스트가 써지게 되지만, margin을 주면, 오른쪽에 공간이 생기게 된다.

오른쪽과 15em의 margin이 생긴다. 글자가 길어지면, 위의 문장은 여백이 없지만, 현재 문장은 오른쪽에 margin이 적용된 것을 볼 수 있다.