[CSS] inline태그의 width, height, 중앙정렬

• inline 태그들의 가로 길이 = 컨텐츠의 길이  (변경X)
• 해당 태그가 마크업하고 있는 컨텐츠의 크기 만큼만 공간을 차지하도록 되어있음!

 

width 가로 길이

• block 태그의 기본 가로는 100%으로 설정되어 있음
• 보통 부모크기의 100%
• 항상 자식 값의 가로길이를 늘려도, 부모값의 길이가 작으면 커지지 않는다는 것을 생각!

 

• min-width : 최소 가로길이 설정
• max-width : 최대 가로 길이 설정
  • min, max를 이용하여 페이지 크기 조절 범위 설정 

 

height 세로 길이

• 컨텐츠가 없는 경우)  0으로 자동 설정
• 컨텐츠가 있는 경우)  컨텐츠의 높이만큼 세로길이 자동할당

 

중앙에 오게 하려면

padding을 이용하여 밀어주는 방법밖에 없음!