06.17(text-align)

text-align

 

block요소 안에 있는 inline 요소를 정렬

① 부모블럭요소에 text-align 속성을 지정하면, 자식 inline 요소가 정렬됨

    block 요소에만 text-align 속성을 적용할 수 있음(정렬 대상은 inline 요소)

② 태그안의 컨텐츠, img태그, span태그가 해당

③ hn태그 안의 텍스트 역시 정렬됨

 

left	왼쪽 정렬
right	오른쪽 정렬
center	중앙 정렬
justify	왼쪽과 오른쪽 열에 맞춰 화면을 늘어뜨림

 

참고 사항

 

div를 text-align으로 정렬할 수 있을까?

div 자체는 정렬되지 않고 div 안의 inline 요소만 정렬

 

span 태그안의  inline 요소 정렬?

span 태그는 block 요소가 아니기 때문에 text-align 속성이 적용되지 않음