block 요소 가로정렬

• block은 한줄을 다 차지한다.
• block 요소에 크기에 대헤 직접적으로 줄 수 있는것은
  • width / marign-left / marign-right 으로 줄 수있다.
• block 요소 최대 넓이화일때 marign-left / marign-right를 주면 그 만큼의 여백을 줄 수 있다.
• 화면상의 공간이 줄어들어도 그만큼의 여백을 줄 수 있다.
• block 요소 width / marign-left / marign-right를 픽셀단위로 주게 되면 marign-left 은 적용되지만 marign-right부분에서 영향을 받지만 그렇게 안보이게 된다.
  그럴경우에는 width나 marign의 값을 수정해주어야 한다.
  • marign-left :auto를 주게되면 오른쪽으로 치우치게 되며 자동으로 여백을 주게된다
  • marign-left, marign-right를 주게되면 정중앙에 위치하게 된다.

inline 요소(글자)정렬 -> 부모에 의해서 수동으로 정렬됨(text align:center)
block 요소 정렬 -> margin을 이용해서 스스로 정렬