margin: 0 auto는 block요소의 가운데 정렬이다. block요소 가로사이즈는 100%이기 때문에 가운데 정렬을 해도 변화가 없다. 그렇기 때문에 width값을 지정해서 설정해주면 margin: auto를 이용해서 움직일 수 있다.

or

text-align: center와 margin: auto의 차이점은 text-align: center라는 것은 텍스트, inline, inline-block에 해당되는 요소가 가운데 정렬하기 위해서는 부모에 css를 표현해야되고(부모안에 있는 자식), 반대로 block요소를 가운데 정렬하기 위해서는 block요소 자신을 css로 넣어줘야 한다(필수 조건은 가로사이즈가 있어야 한다.).