<img> 태그를 가운데 정렬할려면

display: block;

margin-left: auto;

margin-right: auto;

로 한다고 알고 있는데

display inline 요소를 가운데 정렬할때는

display block 요소인 div로 묶어서 text-align: center;로 가운데 정렬 하거나,

display 자체를 block으로 바꿔서 text-align: center;로 하면 된다고 알고 있는데

<img> 태그 같은경우는 text-align: center로는 가운데 정렬이 안되는 문제가 있어서 찾아보니

inline-block 요소라고 말하는 내용이 있길래 문의드립니다.

어떤게 맞는건지...