인프런 커뮤니티 질문&답변

marion님의 프로필 이미지
marion

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

CSS로 HTML 가로 배치하기(float, overflow, clear, inline-block)

text-align: center를 부모요소에 주는 이유

작성

·

799

2

선생님 안녕하세요.

33:07초 쯤에서 inline-block을 중앙 정렬하는 방법 중 

text-align: center를 자식 요소가 아닌 부모요소에 주는 이유가 무엇인지 궁금합니다.

답변 1

0

text-align은 자식요소(텍스트 포함)를 정렬시키는 속성입니다. 단, 자식요소가 인라인 성질을 갖고 있어야 합니다. 그래서 text-align를 부모요소에 주어도 만약 자식요소가 블록요소인 경우 정렬을 시킬 수 없습니다.

text-align는 인라인 또는 인라인블록인 자식요소를 정렬하는 것이고...

margin: auto는 블록요소인 자가 자신이 중앙으로 가는 것입니다. 
 인라인 또는 인라인블록에 margin: auto를 주어도 적용되지 않습니다.

참고로...

float로 좌우로 정렬하는 것은 인라인, 인라인 블록, 블록 3가지 요소 모두 적용됩니다.

marion님의 프로필 이미지
marion
질문자

앗 감사합니다!! 잘 이해되었습니다!!^^

marion님의 프로필 이미지
marion

작성한 질문수

질문하기