margin은 border를 기준으로 바깥 여백이고, padding은 border를 기준으로 안쪽 여백을 의미한다. top, right, bottom, left 순으로 작성 태그는 display 속성의 block 값을 가지고 있다. display:block -> block은 무조건 한 줄을 차지한다. display:inline -> width/height 적용불가 -> margin/padding-top/bottom 적용 불가 -> line-height 원하는대로 적용 불가 display:inline-block -> inline의 단점 모두 커버 내가 정하거나 필요한 크기만큼 설정 -> 동일 라인에 여러 태그 붙일 때 사용 display:flex ->주어진 공간 안에서 크기와 위치를 자동으로 조정 inli..