margin과 pading 속성 : 구성 요소 주위에 여백을 추가한다.
align과 float 속성 : 다른 요소들에 대해 상대적으로 해당 요소들을 배치하는 방법을 제공한다.
1. 여백(margin) 사용하기
margin-top : 상단 여백
margin-right : 우측 여백
margin-bottom:하단 여백
margin-left: 왼쪽 여백
margin : 상 , 우 ,하, 좌측 여백을 설정한다
ex1) margin-top:15px ; margin-right:10px; - 상단여백을 15픽셀로 우측여백을 10픽셀로 설정한다
ex2) margin: 15px 10px 15px 15px; - 상 하 좌측 여백을 15픽셀로 우측여백을 10픽셀로 설정한다.
ex3) margin: 15px; - 상하좌우 여백을 15픽셀로 설정한다.
ex4) margin 15px 10px; - 상하측 여백을 15픽셀로, 좌우측 픽셀을 10픽셀로 설정한다.
반응형