가운데 정렬을 시키는 margin: 0 auto; 명령어가 적용이 안될때 확인해야하는 부분

margin: 0 auto;  명령어는 중앙정렬을 시키는 명령어로 홈페이지를 전체적으로 가운데 정렬 시키거나 한 테이블 즉 한부분부분을 중앙정렬시킬때 필요한 명령어인데 여기서 이 명령어가 안 될시엔 아래와 같은 부분이 잘못 선언된 것인데

첫째. 우선은 <!Doctype ~~~ 선언이 제대로 되있는지 또는 선언 위에 다른 명령어는 없는지를 확인해야 한다.

둘째. width가 정확해야 한다.

이게 무슨말이냐 하면 폭이 지정되어 있어야한다. 예를 들자면 #main { width: 600px; margin: 0 auto; } 이런식으로 폭600px의 메인을 가운데 정렬하겠다. 라는 식의 명령어를 줘야지 단순히 #main { margin: 0 auto; } 이런식으로 선언을 하면 안된다.

셋째. inline속성 태그에 선언을 했다.

inline 속성의 태그는 margin: 0 auto; 를 선언하여도 가운데 정렬이 되지 않는다. 이럴경우의 해결책으론 <SPAN>이 아닌 <DIV>로 바꿔 사용하거나 SPAN의 display속성을 block으로 바꿔주면 해결된다

대게 margin 명령어가 안먹히는 경우는 이렇다.