[Html css] margin : auto 를 해도 중앙 정렬이 되지 않을 경우?

 

margin : auto 를 해도 중앙 정렬이 되지 않을 수 있습니다. 
아래의 경우에는 margin : auto 를 사용하여 중앙 정렬을 하는 것을 보여줍니다. 

아래의 시바견은 margin : auto 를 해도 중앙 정렬이 되지 않고 있습니다. 



크롬 개발자 도구로 확인 해 보면 margin auto 를 설정 해 주어도 중앙 정렬이 되지 않은 것을 확인 할 수 있습니다.


이 때, display : block 을 같이 해 주면 적용이 잘 되는 것을 확인 할 수 있다. 


참고 : 부모의 크기도 중요합니다 !! 부모의 크기가 자식과 똑같은지 확인 해 보세요 !!