가운데 정렬이 안될 때, 부모에 text align: center 주는 것

내가 알고있는 <div>태그를 가운데 정렬하는 방법

첫번째는, margin: 0 auto;

두번째는,

부모 <div>를 하나 더 생성해서 text-align:center;

 

두번째 방법은 문제가 생기지 않을까?

싶었지만 지금까지 문제 없었고,

제일 쉬운 방법이어서 그냥 써왔다.

 

마침 튜터님께 질문 하다가 생각나서

사용해도 문제가 되지 않냐고 여쭤보았다.

내가 생각하는 그대로였다.

코딩은 정답이 없어서

맞다, 틀리다, 해도 된다, 안 된다,

라고 해줄 수 없다고 하셨다. = 상관없음

 

하지만 부모 <div>를 text-align:center;로 설정하면,

텍스트 외 inline요소도 가운데 정렬이 되기 때문에

자식의 텍스트도 신경을 써줘야 한다고 하셨다.